CSS outline-color Property

Description

The outline-color property sets the color of the outline of an element. An outline is a line that is drawn around elements, outside the border edge, to make the element stand out.

Initial value
invert
Applies to
All elements
Inherited
No
Media
Visual
Computed value
The computed value for 'invert is invert'. For [color] values, the computed value is as defined for the 'color' property
Animatable
No
CSS Version
CSS2, CSS3
JavaScript syntax
object.style.outlineColor

Syntax

outline-color: <color> | invert | inherit

Values

  • <color>Specify the color to use on all outlines. This can be anywhere from one to four values representing the top, right, bottom, and left outline respectively.
  • invertThis is expected to perform a color inversion on the pixels on the screen.
  • inherit

Example

.class {
   outline-color: blue;
}

Browser Support

Desktop
Explorer Edge Chrome Firefox Opera Safari
81211.571.2
Tablets / Mobile
Android Chrome Firefox Opera Safari Samsung
37184X1X