Exemple
Ajouter un "solid" bordure inférieure à un <div> élément:
document.getElementById("myDiv").style.borderBottomStyle = "solid"; Essayez vous - même » Définition et utilisation
Les ensembles de propriétés de borderBottomStyle ou retourne le style de la bordure inférieure d'un élément.
Support du navigateur
Les chiffres du tableau indiquent la première version du navigateur qui prend en charge entièrement la propriété.
| Propriété | |||||
|---|---|---|---|---|---|
| borderBottomStyle | 1.0 | 5.5 | 1.0 | 1.0 | 9.2 |
Remarque: La valeur "hidden" est pas pris en charge dans IE7 et les versions antérieures. IE9 et de soutien plus tard "hidden" .
Syntaxe
Retour la propriété borderBottomStyle:
object .style.borderBottomStyle
Définissez la propriété borderBottomStyle:
object .style.borderBottomStyle= value Valeurs de propriété
| Valeur | La description |
|---|---|
| none | Définit pas de frontière. Ce défaut est |
| hidden | Identique à "none" , sauf dans la résolution des conflits à la frontière pour les éléments de table |
| dotted | Définit une bordure en pointillé |
| dashed | Définit une bordure en pointillés |
| solid | Définit une bordure solide |
| double | Définit deux frontières. La largeur des deux bordures sont les mêmes que la valeur de largeur frontière |
| groove | Définit une bordure rainurée 3D. L'effet dépend de la valeur couleur de la bordure |
| ridge | Définit une bordure striée 3D. L'effet dépend de la valeur couleur de la bordure |
| inset | Définit une bordure incrustée 3D. L'effet dépend de la valeur couleur de la bordure |
| outset | Définit une frontière d'entrée de jeu 3D. L'effet dépend de la valeur couleur de la bordure |
| initial | Définit cette propriété à sa valeur par défaut. Lisez à propos initial |
| inherit | Hérite cette propriété de son élément parent. En savoir plus sur hériteront |
Détails techniques
| Valeur par défaut: | aucun |
|---|---|
| Valeur de retour: | Une chaîne, ce qui représente le style de bordure inférieure d'un élément |
| version CSS | CSS1 |
autres exemples
Exemple
Changer le style de la bordure inférieure d'un <div> élément "dotted" en "dotted" :
document.getElementById("myDiv").style.borderBottomStyle = "dotted";
Essayez vous - même » Exemple
Retour le style de bordure inférieure d'un <div> élément:
alert(document.getElementById("myDiv").style.borderBottomStyle); Essayez vous - même » Exemple
Une démonstration de toutes les différentes valeurs:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderBottomStyle = listValue; Essayez vous - même » Pages associées
Tutoriel CSS: CSS Border
Référence CSS: border-bottom-style property
Référence HTML DOM: border property
<Style objet