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

Inherited: No

Each attribute sets the color of a single border edge of an element. This power is easy to abuse by mixing colors that don't belong together. See also the border-color attribute for setting the color of multiple edges in one statement.

 
CSS Syntax
 
border-bottom-color: color
border-left-color: color
border-right-color: color
border-top-color: color
 
Value

For details on the color value, see the section about colors at the beginning of this chapter.

 
Initial Value

None.

 
Example
 
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%)}
 
Applies To

All elements, but only block and replaced elements in IE 4 and 5 for Windows.

 
Object Model Reference
 
[window.]document.getElementById("elementID").style.borderBottomColor
[window.]document.getElementById("elementID").style.borderLeftColor
[window.]document.getElementById("elementID").style.borderRightColor
[window.]document.getElementById("elementID").style.borderTopColor