border-bottom-color, border-left-color, border-right-color, border-top-colorNN 6 IE 4 CSS 2

Hérité: non

Chacun de ces attributs permet de définir la couleur d'un seul côté de la bordure d'un élément. Veillez à ne pas abuser de cette fonction en mélangeant des couleurs qui ne vont pas ensemble. Pour définir la couleur de plusieurs côtés d'une bordure à l'aide d'une seule instruction, voir l'attribut border-color.

 
Syntaxe CSS
  
border-bottom-color: color
border-left-color: color
border-right-color: color
border-top-color: color
 
Valeur

Pour plus de détails sur la valeur color, voir la section consacrée aux couleurs, au début du présent chapitre.

 
Valeur initiale

Aucune.
 
Exemple
  
p {border-bottom-color: gray}
div {border-left-color: #33c088}
p.special {border-right-color: rgb(150, 75, 0)}
h3 {border-top-color: rgb(100%, 50%, 21%)}
 
S'applique à 

Tous les éléments, mais uniquement les éléments de niveau bloc et éléments remplacés dans IE 4 et 5 pour Windows.

 
Référence de modèle d'objet
  
[window.]document.getElementById("elementID").style.borderBottomColor
[window.]document.getElementById("elementID").style.borderLeftColor
[window.]document.getElementById("elementID").style.borderRightColor
[window.]document.getElementById("elementID").style.borderTopColor