CSS2 » Properties » outline-color

Version: Level 2

Compability: Currently not supported by any browser.

Syntax:
outline-color : color | invert
invert
The invert value performs a color inversion on the background color and uses the inverted color for the outline. This insures that the outline color will stand out from the background.
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 outline-color property sets the color of the outline. This property is not inherited.

An outline is a line drawn around an element with the purpose of making that element stand out (i.e., become more noticeable on a page). You can set the color, style, and width of the line. The outline is drawn outside of the border edge of the element. Therefore, an element can have both a border and an outline. Unlike a border, an outline does not have to have a rectangular shape.

Examples

Code:
img { outline-color: red }
p { outline-color: #E9E9E9 }
Language(s): CSS2

See Also: