CSS outline-color

The CSS outline-color property is used to specify the color of an outline around an element. The outline is similar to a border but it is drawn outside the border edge, and it does not take up any space.

The outline-color property can be set using color names, hex values, rgb values, or hsl values. If the outline-color property is not specified, the default color is the current color of the element.

Syntax:


selector {
  outline-color: color;
}

Examples:

Result:

Outline with red color

In the example above, we have set the outline-color property to red, so the outline around the <div> element is red.

Result:

Outline with blue color

In this example, the outline color is set to blue and the style of the outline is set to dotted. This creates a blue dotted outline around the <div> element.