Exemple
Ajouter une bordure à une <div> élément:
document.getElementById("myDiv").style.border = "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 à la frontière ou des rendements jusqu'à trois propriétés de bordure 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 (dans l'ordre):
- largeur de la bordure
- style de bordure
- couleur de la bordure
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é | |||||
|---|---|---|---|---|---|
| border | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Syntaxe
Retour la propriété border:
object .style.border
Définissez la propriété de la frontière:
object .style.border=" Valeurs de propriété Paramètre La description width Définit la largeur des bordures style Définit le style des frontières color Définit la couleur des bordures 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 frontière, le style et / ou la couleur d'un élément version CSS CSS1
autres exemples
Exemple
Changer la largeur, le style et la couleur de la bordure d'un <div> élément:
document.getElementById("myDiv").style.border = "thin dotted red"; Essayez vous - même »
Exemple
Retour les valeurs de propriété à la frontière d'un <div> élément:
alert(document.getElementById("myDiv").style.border); Essayez vous - même »
Pages associées
Tutoriel CSS: CSS Border
Référence CSS: border property
<Style objet