Propriété border-top-color CSS

Définition et utilisation

border-top-color définit la couleur de la bordure supérieure de l'élément.

Seulement les couleurs pures peuvent être définies, et les bordures ne peuvent apparaître que si le style de bordure est une valeur autre que none ou hidden.

Remarque :Déclarez toujours l'attribut border-style avant l'attribut border-color. L'élément doit obtenir la bordure avant de pouvoir changer sa couleur.

Veuillez également consulter :

Tutoriel CSS :Bordure CSS

Référence Manuel CSS :border-top Attribute

HTML DOM Référence Manuel :borderTopColor Attribute

Exemple

Définir la couleur de la bordure supérieure :

p
  {
  border-style:solid;
  border-top-color:#ff0000;
  }

Essayez-le vous-même

Syntaxe CSS

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

Valeur de l'attribut

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 Définit 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é : no
Version : CSS1
JavaScript Syntaxe : object.style.borderTopColor="blue"

Autres exemples

Définir la couleur de la bordure supérieure
Cet exemple montre comment définir la couleur de la bordure supérieure.

Support du navigateur

Les nombres dans le tableau indiquent la version la plus ancienne du 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 versions antérieures) ne prend pas en charge la valeur de l'attribut "transparent".

Remarque :Les navigateurs Internet Explorer 7 et versions antérieures ne prennent pas en charge la valeur "inherit". Internet Explorer 8 nécessite !DOCTYPE. Internet Explorer 9 prend en charge "inherit".