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.


  • inherit - Explicitly sets the value of this property to that of the parent.
  • transparent - The border is transparent (with any accompanying border-width thickness) - 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 the color property) 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 {

Ad blocker interference detected!

Wikia is a free-to-use site that makes money from advertising. We have a modified experience for viewers using ad blockers

Wikia is not accessible if you’ve made further modifications. Remove the custom ad blocker rule(s) and the page will load as expected.