Attribut border-bottom-style CSS

Définition et utilisation

border-bottom-style définit le style de la bordure inférieure de l'élément.

Le bord n'apparaît que si cette valeur n'est pas none.

Dans CSS1, l'agent utilisateur HTML doit prendre en charge solid et none.

Tutoriel CSS :Bordure CSS

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

p
  {
  border-style:solid;
  border-bottom-style:dotted;
  }

border-bottom-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

Valeur	Description
none	Définit une bordure sans bord.
hidden	Identique à "none", sauf pour les tableaux, où "hidden" est utilisé pour résoudre les conflits de bordure.
dotted	Définit un bord en points. Elle est généralement représentée en ligne continue dans la plupart des navigateurs.
dashed	Définit une ligne brisée. Elle est généralement représentée en ligne continue dans la plupart des navigateurs.
solid	Définit une ligne continue.
double	Définit une double ligne. La largeur de la ligne double est égale à la valeur de border-width.
groove	Définit un bord en creux 3D. Son effet dépend de la valeur de border-color.
ridge	Définit un bord en bosses 3D. Son effet dépend de la valeur de border-color.
inset	Définit un bord inset 3D. Son effet dépend de la valeur de border-color.
outset	Définit un bord outset 3D. Son effet dépend de la valeur de border-color.
inherit	Définit que la bordure doit être héritée de l'élément parent.

Valeur par défaut :	non spécifié
Héritabilité :	non
Version :	CSS1
Syntaxe JavaScript :	object.style.borderBottomStyle="dotted"

Définir le style de la bordure inférieure: Cet exemple montre comment définir le style de la bordure inférieure.

Les nombres dans le tableau indiquent la première version du navigateur qui prend en charge cette propriété.

Chrome	IE / Edge	Firefox	Safari	Opera
1.0	5.5	1.0	1.0	9.2