CSS2 » Properties » border-top-color

Version: Level 2

Compability: IE4+  N6

Syntax:
border-top-color : color
color
The color value can be the keyword color name, the hex six-digit number (#FFFFFF), or the RGB three-digit value (255,255,255). There are sixteen standard colors in HTML:
 
aqua
#00FFFF
rgb(0,255,255)		 gray
#808080
rgb(128,128,128)		 silver
#C0C0C0
rgb(192,192,192)		 navy
#000080
rgb(0,0,128)
black
#000000
rgb(0,0,0)		 green
#800000
rgb(128,0,0)		 teal
#008080
rgb(0,128,128)		 olive
#808000
rgb(128,128,0)
blue
#0000FF
rgb(0,0,255)		 lime
#00FF00
rgb(0,255,0)		 white
#FFFFFF
rg

The border-top-color property allows you to set the color of the top border. This property is not inherited.

There are similar properties that allow you to set the color for the bottom, left, and right, as well as all four borders.

Examples

Code:
table { border-top-color: RGB(201, 94, 177); }
body { border-top-color: #E95A2B; }
textarea { border-top-color: silver; }
Language(s): CSS2
Code:
p.bordr
{
border-bottom-color: red; border-bottom-style: double; border-bottom-width: 15px;
border-left-color: yellow; border-left-style: double; border-left-width: 15px;
border-right-color: blue; border-right-style: double; border-right-width: 15px;
border-top-color: green; border-top-style: double; border-top-width: 15px;
}
...
<p class="bordr">
<b>DevGuru is great!</b>
</p>
Output:

DevGuru is great!

Language(s): CSS2

See Also:

Comment on this Page
Print this Page
Total Event and Association Management