Exemple
Ajouter une bordure inférieure à un <div> élément:
document.getElementById("myDiv").style.borderBottom = "thick solid #0000FF"; Essayez vous - même » Plus "Try it Yourself" - "Try it Yourself" exemples ci - dessous.
Définition et utilisation
Les ensembles de propriétés de borderBottom ou retourne jusqu'à trois propriétés fond frontière séparées, sous une forme abrégée.
Avec cette propriété, vous pouvez définir / retourner un ou plusieurs des éléments suivants (in any order) :
- border-bottom-width
- border-style bas
- border-bottom-couleur
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é | |||||
|---|---|---|---|---|---|
| borderBottom | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Syntaxe
Retour la propriété borderBottom:
object .style.borderBottom
Définissez la propriété borderBottom:
object .style.borderBottom=" Valeurs de propriété Paramètre La description width Définit la largeur de la bordure inférieure style Définit le style de la bordure inférieure color Définit la couleur de la bordure inférieure 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: non précisé Valeur de retour: Une chaîne, représentant la largeur, le style et / ou la couleur de la bordure inférieure d'un élément version CSS CSS1
autres exemples
Exemple
Changer la largeur, le style et la couleur de la bordure inférieure d'un <div> élément:
document.getElementById("myDiv").style.borderBottom = "thin dotted red"; Essayez vous - même »
Exemple
Retour les valeurs de propriété border-bottom d'un <div> élément:
alert(document.getElementById("myDiv").style.borderBottom); Essayez vous - même »
Pages associées
Tutoriel CSS: CSS Border
Référence CSS: border-bottom property
Référence HTML DOM: border property
<Style objet