Attribut border-left-width CSS

Définition et utilisation

L'attribut border-left-width définit la largeur de la bordure gauche de l'élément.

Cette propriété ne fonctionne que si le style de bordure n'est pas none. Si le style de bordure est none, la largeur de la bordure est réinitialisée à 0. Il n'est pas permis de spécifier une valeur de longueur négative.

Remarque :Déclarez toujours l'attribut border-style avant l'attribut border-left-width. Un élément ne peut changer la largeur de sa bordure que s'il a une bordure. Si le style de bordure est none, la largeur de la bordure est réinitialisée à 0. Il n'est pas permis de spécifier une valeur de longueur négative.

Voir également :

Tutoriel :Bordure CSS

Référence :Attribut border-left CSS

Référence :Attribut borderLeftWidth HTML DOM

Exemple

Définir la largeur de la bordure gauche :

p
  {
  border-style:solid;
  border-left-width:15px;
  }

Essayez-le vous-même

Syntaxe CSS

border-left-width: medium|thin|thick|length|initial|inherit;

Valeur de l'attribut

Valeur Description
thin Définit une bordure gauche fine.
moyenne Valeur par défaut. Définit une bordure gauche moyenne.
thick Définit une bordure gauche épaisse.
length Vous permet de personnaliser la largeur de la bordure gauche.
inherit Définit que la largeur de la bordure doit être héritée de l'élément parent.

Détails techniques

Valeur par défaut : moyenne
Héritabilité : non
Version : CSS1
Syntaxe JavaScript : object.style.borderLeftWidth="thick"

Plus d'exemples

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

Support du navigateur

Les numéros 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 4.0 1.0 1.0 3.5

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