Propriété borderBottom du style CSS

Définition et utilisation

borderBottom Les propriétés peuvent être définies ou retournées de manière abrégée pour un maximum de trois propriétés borderBottom distinctes.

Avec cette propriété, vous pouvez définir/retourner l'un ou plusieurs des éléments suivants (dans n'importe quel ordre) :

Voir également :

Tutoriel CSS :Bordure CSS

Manuel de référence CSS :Propriété borderBottom

Manuel de référence HTML DOM :Propriété border

Exemple

Exemple 1

Ajouter une bordure inférieure à l'élément <div> :

document.getElementById("myDiv").style.borderBottom = "thick solid #0000FF";

Essayez-le vous-même

Exemple 2

Modifier la largeur, le style et la couleur de la bordure inférieure de l'élément <div> :

document.getElementById("myDiv").style.borderBottom = "thin dotted red";

Essayez-le vous-même

Exemple 3

Retourner la valeur de la propriété border-bottom de l'élément <div> :

alert(document.getElementById("myDiv").style.borderBottom);

Essayez-le vous-même

Syntaxe

Retourner la propriété borderBottom :

object.style.borderBottom

Définir la propriété borderBottom :

object.style.borderBottom = "width style color|initial|inherit"

Valeur de l'attribut

Valeur Description
width Définir la largeur de la bordure inférieure.
style Définir le style de la bordure inférieure.
color Définir la couleur de la bordure inférieure.
initial Set this property to its default value. See also initial.
inherit Inherits this property from its parent element. See also inherit.

Détails techniques

Valeur par défaut : non spécifié
Valeur de retour : Chaîne, représentant la largeur, le style et/ou la couleur de la bordure inférieure de l'élément.
Version de CSS : CSS1

Prise en charge du navigateur

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5