CSS outline-color Property

CSS Reference Complete CSS Reference

Example

Set the color of a dotted outline:

p
{
outline-style:dotted;
outline-color:#00ff00;
}

Try it yourself »

Definition and Usage

An outline is a line that is drawn around elements (outside the borders) to make the element "stand out".

The outline-color property specifies the color of an outline.

Note: Always declare the outline-style property before the outline-color property. An element must have an outline before you change the color of it.

Default value: invert
Inherited: no
Version: CSS2
JavaScript syntax: object.style.outlineColor="#00FF00"


Browser Support

Internet Explorer Firefox Opera Google Chrome Safari

The outline-color property is supported in all major browsers.

Note: Internet Explorer 8 (and higher) supports the outline-color property if a !DOCTYPE is specified.


Property Values

Value Description
color_name Specifies the outline color with a color name, like red
hex_number Specifies the outline color with a hex code, like #ff0000
rgb_number Specifies the outline color with an RGB code, like rgb(255,0,0)
invert Performs a color inversion. This ensures that the outline is visible, regardless of color background. This is default
inherit Specifies that the outline color should be inherited from the parent element


Related Pages

CSS tutorial: CSS Outline

CSS reference: outline property

HTML DOM reference: outlineColor property


CSS Reference Complete CSS Reference