Propriété de style borderBottomStyle
Exemple
Ajoutez une bordure inférieure "pleine" à un élément <div> :
document.getElementById("myDiv").style.borderBottomStyle = "solid";
Définition et utilisation
La propriété borderBottomStyle définit ou renvoie le style de la bordure inférieure d'un élément.
Prise en charge du navigateur
Les nombres dans le tableau indiquent la première version du navigateur qui prend entièrement en charge la propriété.
Property | |||||
---|---|---|---|---|---|
borderBottomStyle | 1.0 | 5.5 | 1.0 | 1.0 | 9.2 |
Remarque : La valeur "hidden" n'est pas prise en charge dans IE7 et les versions antérieures. IE9 et versions ultérieures prennent en charge "caché".
Syntaxe
Renvoyez la propriété borderBottomStyle :
object.style.borderBottomStyle
Définissez la propriété borderBottomStyle :
object.style.borderBottomStyle = value
Valeurs de propriété
Value | Description |
---|---|
none | Defines no border. This is default |
hidden | Same as "none", except in border conflict resolution for table elements |
dotted | Defines a dotted border |
dashed | Defines a dashed border |
solid | Defines a solid border |
double | Defines two borders. The width of the two borders are the same as the border-width value |
groove | Defines a 3D grooved border. The effect depends on the border-color value |
ridge | Defines a 3D ridged border. The effect depends on the border-color value |
inset | Defines a 3D inset border. The effect depends on the border-color value |
outset | Defines a 3D outset border. The effect depends on the border-color value |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Détails techniques
Valeur par défaut: | rien |
---|---|
Valeur de retour : | Une chaîne, représentant le style de la bordure inférieure d'un élément |
Version CSS | CSS1 |
Plus d'exemples
Exemple
Changez le style de la bordure inférieure d'un élément <div> en "dotted" :
document.getElementById("myDiv").style.borderBottomStyle = "dotted";
Exemple
Renvoie le style de bordure inférieure d'un élément <div> :
alert(document.getElementById("myDiv").style.borderBottomStyle);
Exemple
Une démonstration de toutes les différentes valeurs:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderBottomStyle = listValue;
Pages connexes
Tutoriel CSS : Bordure CSS
Référence CSS : propriété border-bottom-style
Référence HTML DOM : propriété border