documentation css border-bottom-style

Version CSS : 1 (& 2)

• S’applique à : Tous les éléments.
• Valeur héritée : Non
• Valeur par défaut : none

Permet de définir le style de la bordure du bas d’un élément. Le style ne peut être appliqué que si l’épaisseur de bordure (border-width) a été définie, sans quoi la bordure est inexistante.

Pour le type “double”, la largeur définie par “border-width” correspondra à la taille des 2 traits et de l’espaces entre ceux-ci.

Les styles des autres bordures peuvent être définis avec “border-top-style”, “border-right-style” et “border-left-style” ou à l’aide de “border-style” pour définir tous les styles directement.

Exemple de script

.borduresolid {
  border-bottom-style: solid;
}
 
.borduredashed {
  border-bottom-style: dashed;
}
 
.borduredotted {
  border-bottom-style: dotted;
}
 
.borduredouble {
 border-bottom-style: double;
}
 
.borduregroove {
  border-bottom-style: groove;
}
 
.bordureridge {
  border-bottom-style: ridge;
}
 
.bordureinset {
  border-bottom-style: inset;
}
 
.bordureoutset {
  border-bottom-style: outset;
}
 
.bordurehidden {
  border-bottom-style: hidden;
}
 
.bordurenone {
  border-bottom-style: none;
}