Attribut border-left-style CSS

Définition et utilisation

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

Le bord ne peut apparaître que si cette valeur n'est pas none.

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

Tutoriel CSS :bordure CSS

Définir le style de la bordure de gauche :

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

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

Valeur	Description
aucun	Définit un bord sans bordure.
aucun	Équivaut à "none", mais ne s'applique pas aux tableaux. Pour les tableaux, "hidden" est utilisé pour résoudre les conflits de bord.
hidden	Définit un bord en points. Il est généralement affiché comme une ligne continue dans la plupart des navigateurs.
pointillée	Définit une ligne pointillée. Elle est généralement affichée comme une ligne continue dans la plupart des navigateurs.
solide	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 un bord en rainure 3D. Son effet dépend de la valeur de border-color.
ridge	Définit un bord ondulé 3D. Son effet dépend de la valeur de border-color.
inset	Définit un bord inset 3D. Son effet dépend de la valeur de border-color.
outset	Définit un bord outset 3D. Son effet dépend de la valeur de border-color.
hérité	Définit que le style de bord doit être hérité de l'élément parent.

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

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

Les nombres dans le tableau indiquent la version la plus ancienne de navigateur qui prend en charge cette propriété.

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