CSS outline-color Property
Set the color of a dotted outline:
Try it yourself »
The outline-color property is supported in all major browsers.
Note: IE8 supports the outline-color property only if a !DOCTYPE is specified.
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.
|Animatable:||yes, see individual properties. Read about animatable Try it|
Tips and Notes
An outline is a line around an element. It is displayed around the margin of the element. However, it is different from the border property.
The outline is not a part of the element's dimensions, therefore the element's width and height properties do not contain the width of the outline.
|invert||Performs a color inversion. This ensures that the outline is visible, regardless of color background. This is default||Play it »|
|color||Specifies the color of the outline. Look at CSS Color Values for a complete list of possible color values.||Play it »|
|initial||Sets this property to its default value. Read about initial||Play it »|
|inherit||Inherits this property from its parent element. Read about inherit|
CSS tutorial: CSS Outline
CSS reference: outline property
HTML DOM reference: outlineColor property
Thank You For Helping Us!
Your message has been sent to W3Schools.