border-left CSS propriété

border-left : double 10px blue;
border-left : 10px dotted;
border-left : hsl(120,25%,65%);

Règles de syntaxes CSS pour border-left.

Règle d'écriture de la bordure gauche : border-left

Les valeurs assignées à la propriété de bordure gauche CSS border-left sont séparées par un espace et leur ordre n'a pas d'importance.
Vous pouvez omettre une ou des valeurs, dans ce cas, c'est la valeur par défaut de la propriété de bordure omise qui sera prise. Vous trouverez cette informations dans la définition de chaque propriété de la bordure Css.

Propriétés CSS utilisées dans le raccourci border-left.

Spécifier les propriétés CSS de la bordure gauche individuellement

Si vous ne voulez pas utiliser le raccourci border-left, vous pouvez définir individuellement chaque propriété de la bordure Css gauche en utilisant une des propriétés de bordure CSS suivante :

• border-left-style : définie le style Css de la bordure gauche.
• border-left-color : définie la couleur Css de la bordure gauche.
• border-left-width : définie l'épaisseur Css de la bordure gauche.

.identifiant{
  border-left-width : 10px;
  border-left-color : #000;
  border-left-style : dashed;
}

Compatibilités navigateurs de la propriété border-left

Exemples et astuces CSS pour utiliser border-left

Créer un triangle en Css avec les bordures

Il existe une technique CSS basée sur les bordures Css qui permet de faire un triangle en CSS.

Votre avis sur la définition border-left en CSS