Attribut border-bottom-width CSS

Définition et utilisation

L'attribut borderBottom-width définit la largeur de la bordure inférieure de l'élément.

Ce n'est qu'en cas de style de bordure différent de none que cela fonctionne. Si le style de bordure est none, la largeur de la bordure est réellement réinitialisée à 0. Il n'est pas permis de spécifier des valeurs de longueur négatives.

Remarque :Déclarez toujours l'attribut border-style avant l'attribut borderBottom-width. Un élément ne peut changer la largeur de sa bordure que lorsqu'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 CSS :Bordure CSS

Manuel CSS :Attribut borderBottom

Manuel HTML DOM :Attribut borderBottomWidth

Exemple

Définir la largeur de la bordure inférieure :

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

Essayez-le vous-même

Syntaxe CSS

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

Valeur de l'attribut

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

Plus d'exemples

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

Détails techniques

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

Prise en charge 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 en charge la valeur "inherit". IE8 nécessite !DOCTYPE. IE9 prend en charge "inherit".