border-color

Résumé

La propriété CSS border-color est un raccourci pour définir la couleur des quatre côtés de la bordure d'un élément.

Syntaxe

border-color: [ <color> || transparent ]{1,4} | inherit

Valeurs

<color> 
La couleur peut être définie sous forme de valeur hexadécimale RGB, une valeur classique RGB, ou en utilisant les mots clefs de couleurs prédéfinis.
transparent 
La bordure n'est pas affichée, mais elle occupe l'espace qui lui est dévolu sur la page.

Vous pouvez passer jusqu'à 4 valeurs :

  • Si une seule valeur est définie, elle s'applique aux quatre cotés.
  • Si deux valeurs sont définies, la première valeur s'applique aux côtés haut et bas de la bordure et la seconde aux côtés gauche et droit.
  • Si trois valeurs sont définies, la premièrere s'applique au côté haut de la bordure, la deuxième aux côtés gauche et droit et la troisième au côté bas.
  • Si quatre valeurs sont définies, la première s'applique au côté haut de la bordure, la deuxième au côté droit, la troisième au côté bas et la quatrième au côté gauche.

Exemples

Voir l'exemple sur une page

element { 
  border-width: 1px;
  border-style: solid;
  border-color: black;
}

Notes

Pour voir la bordure, vous devez également définir border-width avec une valeur positive et border-style doit être un style visible (différent de none ou hidden).

Spécifications

Compatibilité des navigateurs

Navigateur Version minimale
Internet Explorer 4
Firefox 1
Netscape 4
Opera 3.5

Extensions Mozilla

Les extensions Mozilla suivantes définissent les couleurs pour le côté de la bordure correspondant dans les navigateurs Gecko :

Voir également

border, border-width, border-style

Étiquettes et contributeurs liés au document

Étiquettes :
Contributeurs ayant participé à cette page : Fredchat, Yuichiro, VincentN, Mgjbot, FredB, Kyodev
Dernière mise à jour par : FredB,
Masquer la barre latérale