Propriété border-right-color CSS
- page précédente border-right
- page suivante border-right-style
Définition et utilisation
border-right-color définit la couleur de la bordure droite de l'élément.
Seulement les couleurs pures peuvent être définies, et la bordure ne peut apparaître que si le style de la bordure est une valeur autre que none ou hidden.
Remarque :Il faut toujours déclarer l'attribut border-style avant l'attribut border-color. L'élément doit obtenir la bordure avant de changer sa couleur.
Voir également :
Tutoriel CSS :Bordure CSS
Manuel de référence CSS :Attribut border-right
Manuel de référence HTML DOM :Attribut borderRightColor
Exemple
Définir la couleur de la bordure droite :
p { border-style:solid; border-right-color:#ff0000; }
Syntaxe CSS
border-right-color: color|transparent|initial|hérité;
Valeur de l'attribut
Valeur | Description |
---|---|
color_name | Définit la couleur de la bordure en utilisant un nom de couleur (par exemple red). |
hex_number | Définit la couleur de la bordure en utilisant une valeur hexadécimale (par exemple #ff0000). |
rgb_number | Définit la couleur de la bordure en utilisant le code rgb (par exemple rgb(255,0,0)). |
transparent | Valeur par défaut. La couleur de la bordure est transparente. |
hérité | Il est prévu que la couleur de la bordure soit héritée de l'élément parent. |
Détails techniques
Valeur par défaut : | non spécifié |
---|---|
Héritabilité : | non |
Version : | CSS1 |
JavaScript syntaxe : | object.style.borderRightColor="blue" |
Plus d'exemples
- Définir la couleur de la bordure droite
- cet exemple montre comment définir la couleur de la bordure droite.
Support du navigateur
Les numéros dans le tableau indiquent la première version de navigateur qui prend en charge cette propriété.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Remarque :Internet Explorer 6 (et les versions antérieures) ne prend pas en charge la valeur de l'attribut "transparent".
Remarque :Les navigateurs Internet Explorer 7 et les versions antérieures ne prennent pas en charge la valeur "inherit". Internet Explorer 8 nécessite !DOCTYPE. Internet Explorer 9 prend en charge "inherit".
- page précédente border-right
- page suivante border-right-style