Extensible HyperText Markup Language

XHTML.com recommends: PSD to HTML Slicing Service

outline-color

Definition

The outline-color property specifies the line color of an element's outline. An outline is similar to a border except that it is rendered over the element's box model so it does not affect the width or height used by the element. One useful application of an outline, seen below, is to show which form control currently has focus.

Screen shot of a Web browser showing 3 form control. One control has a dotted blue outline.

Example

  1. input:focus, select:focus, textarea:focus {
  2. outline-size: 2px;
  3. outline-style: dotted;
  4. outline-color: blue;
  5. }

Characteristics

Possible values

color
Outline color.
invert
Color inversion.
inherit
Use the same computed value as the parent element for this property.

Default value

invert

Applies to

All elements

Inherited

No

See also