Attribut border-right-color CSS

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 lorsque le style de la bordure est une valeur autre que none ou hidden.

Remarque :Il est toujours recommandé de 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;
  }

Essayez-le vous-même

Syntaxe CSS

border-right-color: color|transparent|initial|inherit;

Valeur de l'attribut

Valeur Description
color_name Définit la couleur de la bordure en utilisant le nom de la 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.
inherit Il est stipulé que la couleur de la bordure doit être héritée de l'élément parent.

Détails techniques

Valeur par défaut : non spécifié
Héritabilité : non
Version : CSS1
Syntaxe JavaScript : 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.

Prise en charge du navigateur

Les numéros dans le tableau indiquent la première version de navigateur qui prend en charge cette propriété en totalité.

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". IE8 nécessite !DOCTYPE. IE9 prend en charge "inherit".