border-color
border-bottom-color
border-left-color
border-top-color
PROPERTY: border-right-color
border-right-color
:
color
Compatibility:
IE4+ N6
Version:
Level 2
Inherited:
No
The
border-right-color
property allows you to set the color of the right border.
There are similar properties that allow you to set the color for the bottom, left, 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-right-color: RGB(201, 94, 177); }
body { border-right-color: #E95A2B; }
textarea { border-right-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!
Copyright 1999-2001 by Infinite Software Solutions, Inc. All rights reserved.
Trademark Information