border-color Description:
The border-color property defines the colors of the borders of the element.
border-color in CSS Versions:
border-color Syntax:
border-color: [ <color>{1,4} ] | inherit
The order is top, right, bottom, left.
border-color Initial Value:
The value of the color property.
border-color Applies To:
All elements.
border-color Inheritance:
This property is not inherited.
border-color Browser Support:
border-color Examples:
standard border-color
<p style="border-color : #c00;">
This paragraph has a red border.
</p>
top/bottom and right/left have different colors
<p style="border-color : #c00 #ccc;">
This paragraph has red horizontal borders and grey vertical.
</p>
border-color Special Notes:
- If you don't set the border-style, the border will not display.
More border-color Information:
