Extensible HyperText Markup Language

XHTML.com recommends: PSD to HTML Slicing Service

outline-width

Definition

The outline-width property specifies the line width 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 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

  • Width of the outline area specified as one of the following values:

    thin
    A fine border.
    medium
    A medium thickness border.
    thick
    A thick border.
    length
    The outline's thickness has an explicit value.
  • inherit
    Use the same computed value as the parent element for this property.

Default value

medium

Applies to

All elements

Inherited

No

See also