Attribut BORDER-LEFT

Rôle

L’attribut border-left permet d’appliquer une bordure à gauche de l’élément HTML.

Cet attribut est le raccourci de border-left-width qui spécifie l’épaisseur (en px, em..), border-left-colorqui spécifie la couleur, border-left-style qui spécifie le style (solide, pointillé..).

Version : CSS1

Héritage (inherit) : non

Propriété Javascript : element.style.borderLeft

Testez vous-même cet attribut

Utilisez Codepen.

– Le code CSS

div{
  width: 300px;
  padding-left: 10px;
  border-left: 10px solid silver;
}

– Le code HTML

<div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Impedit maxime et reiciendis ullam, accusamus blanditiis iste rerum. Impedit placeat tenetur, aperiam iure dolores quibusdam repellat, alias, nesciunt, </div>

Résultat

Compatibilité

L’attribut border-left est pris en charge par tous les principaux navigateurs.

Valeurs

Les différentes valeurs de l’attribut border-left sont:

Le type de bordure

Voir border-left-style

L’épaisseur de la bordure

Voir border-left-width

La couleur de la bordure

Voir border-left-color

initial

Défini à sa valeur initiale (attention pas pris en charge par Internet Explorer et Opéra en dessous de la version 15). Peut être utilisé pour « neutraliser » une spécification.
Syntaxe :
border-left : initial

inherit

Hérite de la même propriété que l’élément parent.
Syntaxe :
border-left : inherit

A voir aussi

border box-sizing clip height width margin padding overflowmax-width min-width outline resize