Attribut border-bottom CSS

Définition et utilisation

La propriété abrégée borderBottom met toutes les propriétés de la bordure inférieure dans une seule déclaration.

Les propriétés peuvent être définies dans l'ordre suivant :

Si aucune des valeurs n'est définie, cela ne pose pas de problème, par exemple border-bottom:solid #ff0000; est également autorisé.

Voir également :

Tutoriel CSS :Bordure CSS

Guide de référence HTML DOM :Attribut borderBottom

Exemple

Définir le style de la bordure inférieure :

p
  {
  border-style:solid;
  border-bottom:thick dotted #ff0000;
  }

Essayez-le vous-même

Grammaire CSS

border-bottom: border-width border-style border-color|initial|inherit;

Valeur de l'attribut

Valeur Description
border-bottom-width Définit la largeur de la bordure inférieure. Voir :border-bottom-width valeurs possibles.
border-bottom-style Définit le style de la bordure inférieure. Voir :border-bottom-style valeurs possibles.
border-bottom-color Définit la couleur de la bordure inférieure. Voir :border-bottom-color valeurs possibles.
inherit Définit que la propriété border-bottom devrait être héritée de l'élément parent.

Détails techniques

Valeur par défaut : non spécifié
Héritabilité : non
Version : CSS1
Grammaire JavaScript : object.style.borderBottom="3px solid blue"

Plus d'exemples

Toutes les propriétés de bord inférieur dans une seule déclaration
Cet exemple montre comment utiliser les propriétés abrégées pour définir toutes les propriétés de bord inférieur dans une seule déclaration.

Support du navigateur

Les numéros dans le tableau indiquent la version du navigateur la première à soutenir 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 supportent pas la valeur "inherit". IE8 nécessite !DOCTYPE. IE9 supporte "inherit".