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 ne peut apparaître 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

Manuel de référence CSS :Attribut border-bottom

Manuel de référence HTML DOM :Attribut borderBottomStyle

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|hérité;

Valeur	Description
none	Définit un bord sans bordure.
hidden	Il est égal à "none", mais il ne s'applique pas aux tableaux. Pour les tableaux, "hidden" est utilisé pour résoudre les conflits de bordure.
dotted	Définit un bord pointillé. Il est généralement représenté en ligne continue dans la plupart des navigateurs.
dashed	Définit une ligne pointillée. Elle est généralement représentée en ligne continue dans la plupart des navigateurs.
solide	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 3D en rainures. Son effet dépend de la valeur de border-color.
ridge	Définit un bord 3D en reliefs. Son effet dépend de la valeur de border-color.
inset	Définit un bord 3D inset. Son effet dépend de la valeur de border-color.
outset	Définit un bord 3D outset. Son effet dépend de la valeur de border-color.
hérité	Définit que la propriété de 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 version la plus ancienne 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