DevGuru CSS2: outline-color

PROPERTY: outline-color

outline-color : color | invert

Compatibility: Currently not supported by any browser
Version: Level 2
Inherited: No

The outline-color property sets the color of the outline.

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.

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.

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.

Code:
img { outline-color: red }
p { outline-color: #E9E9E9 }