Propriété borderBottomStyle du style

Définition et utilisation

borderBottomStyle Définir ou obtenir le style de la bordure inférieure de l'élément.

Voir également :

Tutoriel CSS :Les bordures CSS

Manuel CSS :Propriété borderBottomStyle

Manuel HTML DOM :Propriété border

Exemple

Exemple 1

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

document.getElementById("myDiv").style.borderBottomStyle = "solid";

Essayez-le vous-même

Exemple 2

Modifier le style de la bordure inférieure de l'élément <div> en "pointillé" :

document.getElementById("myDiv").style.borderBottomStyle = "dotted";

Essayez-le vous-même

Exemple 3

Retourne le style de bord inférieur de l'élément <div> :

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

Essayez-le vous-même

Exemple 4

Démonstration de tous les différents valeurs :

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderBottomStyle = listValue;

Essayez-le vous-même

Syntaxe

Retourner la propriété borderBottomStyle :

object.style.borderBottomStyle

Définir la propriété borderBottomStyle :

object.style.borderBottomStyle = value

Valeur de l'attribut

Valeur Description
none Définit un bord sans bordure. Par défaut.
hidden Identique à "none", mais à l'exception des conflits de bord des éléments de tableau.
dotted Définit un bord en pointillé.
dashed Définit un bord en tiret.
solid Définit un bord solide.
double Définit deux bords. La largeur des deux bords est la même que la valeur de border-width.
groove Définit le bord en rainure 3D. L'effet dépend de border-color values.
ridge Définit la bordure en bossage 3D. L'effet dépend de border-color values.
inset Définit le bord en creux 3D. L'effet dépend de border-color values.
outset Définit le bord en saillie 3D. L'effet dépend de border-color values.
initial Sets this property to its default value. See initial.
inherit Inherits this property from its parent element. See inherit.

Détails techniques

Valeur par défaut : none
Valeur de retour : Chaîne, représentant le style du bord inférieur 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 5.5 1.0 1.0 9.2

Remarque :Les versions IE7 et antérieures ne prennent pas en charge la valeur "hidden". Les versions IE9 et supérieures prennent en charge "hidden".