outline

Support Key: [CSS2|CSS2.1] [O7|S1.2]
Other Outline Properties
outline-color
outline-style
outline-width
= Index DOT Css by Brian Wilson =
  Main Index | Property Index | CSS Support History | Browser History  



   Quick Statistics   
Default Value:
   [See individual properties]
Applicable Elements:
ALL
Inherit From Parent:
No
Applicable Media:
Visual, Interactive
HTML Equivalent:
NA
Official Docs:
CSS2: Sect 18.4, CSS2.1: Sect 18.4
What is it?
The 'outline' property is a shorthand method for specifying the 'outline-color', 'outline-style', and 'outline-width' properties using a single property notation.

The outline properties create a uniform line around an object in order to draw visual attention. An outline is slightly different than a border in several ways: An outline is drawn starting "just outside the border edge" and is allowed to be non-rectangular. Outlines are always rendered on TOP of an element's rendering box and do not influence the box's position or size calculation; the document does not need to be re-flowed when a border is rendered or hidden, but the outline may overlap other nearby elements.

Allowed Values
inherit
[CSS2|CSS2.1] [O7|S1.2]
Type: Explicit
Description:
Explicitly sets the value of this property to that of the parent.
[outline-color]
[CSS2|CSS2.1] [O7|S1.2]
Type: [outline-color]
Description:
Uses an [outline-color] value to render the outline for an element's rendering box.
[outline-style]
[CSS2|CSS2.1] [O7|S1.2]
Type: [outline-style]
Description:
Uses an [outline-style] value to render the outline for an element's rendering box.
[outline-width]
[CSS2|CSS2.1] [O7|S1.2]
Type: [outline-width]
Description:
Uses an [outline-width] value to render the outline for an element's rendering box.
Syntax
Selector { outline: [outline-color] [outline-style] [outline-width] }
Example
Ext/Doc: button { outline: red solid thick }
In-Line:  <button STYLE="outline: red solid thick">I'm a Button - CLICK ME!</button>
Browser Peculiarities

Boring Copyright Stuff....