Exemple
Changer la couleur des quatre frontières d'un <div> élément au rouge:
document.getElementById("myDiv").style.borderColor = "red"; Essayez vous - même » Plus "Try it Yourself" - "Try it Yourself" exemples ci - dessous.
Définition et utilisation
Les ensembles de propriétés borderColor ou renvoie la couleur de la bordure d'un élément.
Cette propriété peut prendre d'une à quatre valeurs:
- Une valeur, comme: p {border-color: red} - les quatre frontières seront rouges
- Deux valeurs, telles que: p {border-color: transparent rouge} - haut et bordure inférieure seront bordure rouge, à gauche et à droite seront transparents
- Trois valeurs, telles que: p {border-color: rouge vert bleu} - bordure supérieure sera rouge, gauche et bordure droite sera verte, bordure inférieure sera bleu
- Quatre valeurs, telles que: p {border-color: jaune rouge vert bleu} - bordure supérieure sera bordure rouge, à droite sera bordure verte, fond sera bleu, frontière gauche sera jaune
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é | |||||
|---|---|---|---|---|---|
| borderColor | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Syntaxe
Retour la propriété borderColor:
object .style.borderColor
Définissez la propriété borderColor:
object .style.borderColor=" Valeurs de propriété Valeur La description color Indique la couleur de la bordure. Regardez des valeurs de couleur CSS pour obtenir une liste complète des valeurs de couleurs possibles. couleur par défaut est noir transparent La couleur de la bordure est transparente (contenu sous-jacent brillera à travers) 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: noir Valeur de retour: Une chaîne, ce qui représente la couleur de la bordure d'un élément version CSS CSS1
autres exemples
Exemple
Changer la couleur de la bordure supérieure et inférieure à la frontière verte, et à gauche et à droite au violet, d'un <div> élément:
document.getElementById("myDiv").style.borderColor = "green purple";
Essayez vous - même »
Exemple
Retour de la couleur de la bordure d'un <div> élément:
alert(document.getElementById("myDiv").style.borderColor); Essayez vous - même »
Pages associées
Tutoriel CSS: CSS Border
Référence CSS: la border-color property
Référence HTML DOM: border property
<Style objet