Propriété de style borderColor
Exemple
Changez la couleur des quatre bordures d'un élément <div> en rouge :
document.getElementById("myDiv").style.borderColor = "red";
Plus d'exemples "Essayez-le vous-même" ci-dessous.
Définition et utilisation
La propriété borderColor définit ou renvoie la couleur de la bordure d'un élément.
Cette propriété peut prendre de une à quatre valeurs :
- Une valeur, comme : p {border-color: red} - les quatre bordures seront rouges
- Deux valeurs, comme : p {border-color: red transparent} - les bordures supérieure et inférieure seront rouges, les bordures gauche et droite seront transparentes
- Trois valeurs, comme : p {border-color: red green blue} - la bordure supérieure sera rouge, les bordures gauche et droite seront vertes, la bordure inférieure sera bleue
- Quatre valeurs, comme : p {border-color: red green blue yellow} - la bordure supérieure sera rouge, la bordure droite sera verte, la bordure inférieure sera bleue, la bordure gauche sera jaune
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 | |||||
---|---|---|---|---|---|
borderColor | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Syntaxe
Renvoyez la propriété borderColor :
object.style.borderColor
Définissez la propriété borderColor :
object.style.borderColor = "color|transparent|initial|inherit"
Valeurs de propriété
Value | Description |
---|---|
color | Specifies the color of the border. Look at CSS Color Values for a complete list of possible color values. Default color is the current color of the element |
transparent | The color of the border is transparent (underlying content will shine through) |
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: | couleur actuelle |
---|---|
Valeur de retour : | Une chaîne, représentant la couleur de la bordure d'un élément |
Version CSS | CSS1 |
Plus d'exemples
Exemple
Changez la couleur des bordures supérieure et inférieure en vert, et les bordures gauche et droite en violet, d'un élément <div> :
document.getElementById("myDiv").style.borderColor = "green purple";
Exemple
Renvoie la couleur de la bordure d'un élément <div> :
alert(document.getElementById("myDiv").style.borderColor);
Pages connexes
Tutoriel CSS : Bordure CSS
Référence CSS : propriété border-color
Référence HTML DOM : propriété border