Attribut border-left-style CSS

Définition et utilisation

border-left-style définit le style de la bordure gauche de l'élément.

La bordure n'apparaît que si cette valeur n'est pas none.

Dans CSS1, l'agent utilisateur HTML ne doit prendre en charge que solid et none.

Voir également :

Tutoriel CSS :Bordure CSS

Manuel de référence CSS :Attribut border-left

Manuel de référence HTML DOM :Attribut borderLeftStyle

Exemple

Définir le style de la bordure gauche :

p
  {
  border-style:solid;
  border-left-style:dotted;
  }

Essayez-le vous-même

Syntaxe CSS

border-left-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

Valeur de l'attribut

Valeur Description
none Définit une bordure sans bordure.
hidden Est identique à "none", à l'exception des tableaux où "hidden" est utilisé pour résoudre les conflits de bordure.
dotted Définit une bordure pointillée. Elle est généralement représentée comme une ligne continue dans la plupart des navigateurs.
dashed Définit une ligne pointillée. Elle est généralement représentée comme une ligne continue dans la plupart des navigateurs.
solid Définit une ligne continue.
double Définit une double ligne. La largeur de la ligne double est égale à la valeur de border-width.
groove Définit une bordure en creux 3D. Son effet dépend de la valeur de border-color.
ridge Définit une bordure biseautée 3D. Son effet dépend de la valeur de border-color.
inset Définit une bordure inset 3D. Son effet dépend de la valeur de border-color.
outset Définit une bordure outset 3D. Son effet dépend de la valeur de border-color.
inherit Définit que le style de la bordure doit être hérité de l'élément parent.

Détails techniques

Valeur par défaut : non spécifié
Héritabilité : non
Version : CSS1
Syntaxe JavaScript : object.style.borderLeftStyle="dotted"

Plus d'exemples

Définir le style de la bordure gauche
Cet exemple montre comment définir le style de la bordure gauche.

Support du navigateur

Les nombres dans le tableau indiquent la version du navigateur la première à prendre en charge cette propriété.

Chrome IE / Edge Firefox Safari Opera
1.0 5.5 1.0 1.0 9.2