DevGuru CSS2: border-left-color

PROPERTY: border-left-color

border-left-color : color

Compatibility: IE4+ N6
Version: Level 2
Inherited: No

The border-left-color property allows you to set the color of the left border.

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

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 rgb(255,255,255)	purple #800080 rgb(128,0,128)
fuchsia #FF00FF rgb(255,0,255)	maroon #800000 rgb(128,0,0)	yellow #FFFF00 rgb(255,255,0)	red #FF0000 rgb(255,0,0)

The Guru has also created a Color Chart that displays all of the named HTML colors. In addition the hexidecimal code is provided for 256 colors.

Code:
table { border-left-color: RGB(201, 94, 177); }
body { border-left-color: #E95A2B; }
textarea { border-left-color: silver; }

or

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!