Attribut border-left CSS

Définition et utilisation

La propriété abrégée border-left met toutes les propriétés de la bordure de gauche dans une seule déclaration.

Les propriétés peuvent être définies dans l'ordre suivant :

Si l'une des valeurs n'est pas définie, cela ne posera pas de problème, par exemple border-left:solid #ff0000; est également autorisé.

Voir également :

Tutoriel CSS :Bordure CSS

Manuel de référence HTML DOM :Propriété borderLeft

Exemple

Définir le style de la bordure de gauche :

p
  {
  border-style:solid;
  border-left:thick double #ff0000;
  }

Essayer par vous-même

Syntaxe CSS

border-left: border-width border-style border-color|initial|inherit;

Valeur de l'attribut

Valeur Description
border-left-width Définit la largeur de la bordure de gauche. Voir :border-left-width éventuelles valeurs.
border-left-style Définit le style de la bordure de gauche. Voir :border-left-style éventuelles valeurs.
border-left-color Définit la couleur de la bordure de gauche. Voir :border-left-color éventuelles valeurs.
inherit Définit que la propriété border-left devrait être héritée de l'élément parent.

Détails techniques

Valeur par défaut : non spécifié
Héritabilité : non
Version : CSS1
Syntaxe JavaScript : object.style.borderLeft="3px solid blue"

Autres exemples

Toutes les propriétés de bordure de gauche dans une seule déclaration
Toutes les propriétés de bordure de gauche dans une seule déclaration

Prise en charge par le navigateur

Les numéros dans le tableau indiquent la première version du navigateur qui prend en charge complètement cette propriété.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 3.5 1.0

Remarque :Les navigateurs IE7 et antérieurs ne prennent pas la valeur "inherit". IE8 nécessite !DOCTYPE. IE9 prend "inherit".