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 valueinvert
  • Applies toAll elements
  • InheritedNo
  • MediaVisual
  • Computed valueThe computed value for 'invert is invert'. For [color] values, the computed value is as defined for the 'color' property
  • AnimatableNo
  • CSS VersionCSS2, CSS3
  • JavaScript
Formal syntax: <color> | invert | inherit

outline-color: invert;
outline-color: blue;                   /* Color name */
outline-color: #3366FF;                /* 6 Digit hex color code */
outline-color: #CCC;                   /* 3 Digit hex color code */
outline-color: rbga(28, 28, 28, 0.5);  /* RGBA color code */
  • <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
.class {
   outline-color: blue;

Last updated on 23rd March 2014 By Rene Spronk

View All CSS Properties

Errors? Please help to keep this list up to date, If you find any errors, please contact us, so that we can get them fixed.