Browser Internet Explorer Netscape Opera Safari Firefox
Version 5.5 6.0 7.0 8.0 8.0 9.0 7.0 8.0 9.2 9.5 1.3 2.0 3.1 1.5 2.0 3.0
Supported Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes
Short information
Default value Value of color fitted by parameter color
Inherited No
Applied To all elements
HTML analog <img border > | <table border>
Reference to specification
This parameter determines a border color at the top of an element.


border-top-color: color
You can specify a color by 3 means.
1. By to the name.
Browsers support some colors with the names.
2. By the hexadecimal value
For colors specifying it is used the numbers in hexadecimal code. This system unlike decimal is based on number 16. It uses next symbols: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Here you can see that numbers from 10 to 16 are changed by Latin letters. In the decimal value the numbers after 15 are formed by combination of 2 numbers into 1. For example, number 255 appropriates number FF in hexadecimal value. For avoiding misunderstandings to define accounting system, there is the symbol # before hexadecimal denotation, for example #666999. Each of three colors — red, green and dark blue — can take on values from 00 to FF. Thus, value of color is broken up on three constituents #rrggbb, where first 2 symbols mark red component of a color, 2 mediums do green and two last do – dark blue. It is assumed to use the brief form of kind #rgb, where every symbol is needed to double. So, it is necessary to consider record #fe0 as #ffee00.
3. With the help of RGB
It is possible to define a color using values of red, green and dark blue making in a decimal calculation. Value each of three colors can take on values from 0 to 255. It is also possible to set a color in a percentage ratio.


   H1 {
    border-top-color: #ccc; /* Top line color */
    border-top-style: double; /* Top line style */
    border-top-width: 7px; /* Top line width */
    border-left-color: #ccc; /* Left line color */
    border-left-style: solid; /* Line style */
    border-left-width: 2px; /* Line weight */
    padding: 7px; /* Areas around the text */ 
<h1>Lorem ipsum dolor sit amet</h1>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem
  nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.
  Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit
  lobortis nisl ut aliquip ex ea commodo consequat.
The result of this example is shown on the figure 1

Object model