The border-top-color property is used in CSS and certain HTML elements. This property controls the color of the top side of the border of an element's rendering box. If no border-color is specified for an element's border, the value of the color property is used instead. To specify the border color for all the sides, use border-color. To specify the border color for the other three sides, use border-right-color, border-bottom-color, and border-left-color.
Values[]
inherit- Explicitly sets the value of this property to that of the parent.transparent- The border is transparent (with any accompanyingborder-widththickness) - eg: elements below it shine through.<color>- Uses valid color names or color codes as the value.
- Mozilla Extensions
-moz-use-text-color- This is a Netscape/Mozilla proprietary value which indicates that the current text color (value of thecolorproperty) is to be used for the border color. Use of this value is not recommended.
HTML example:
<span style="border-top-color:white;">TEXT</span>
CSS example:
h1 {
border-top-color:white;
}