CSS2 » Properties » outline-style

Version: Level 2

Compability: Currently not supported by any browser.

Syntax:
outline-style : none | dotted | dashed | solid | double | groove | ridge | inset | outset
solid
A solid line outlines the element.
ridge
A 3-D ridged line outlines the element. The exact appearance of the line depends on the selected outline-color value.
outset
A 3-D outset line outlines the element. The exact appearance of the line depends on the selected outline-color value.
inset
A 3-D inset line outlines the element. The exact appearance of the line depends on the selected outline-color value.
groove
A 3-D grooved line outlines the element. The exact appearance of the line depends on the selected outline-color value.
double
A double solid line outlines the element.
dashed
A dashed line outlines the element.
dotted
A dotted line outlines the element.
none
The none value is the default. If no style is declared, no outline will appear even if other outline properties have been set. By declaring none, you can ensure that any previous outline declarations will not affect the outline.

The outline-style property sets the physical appearance of the outline (i.e., solid line, dashed, etc.). This property is not inherited.

An outline is a line drawn around an element with the purpose of making that element stand out (i.e., become more noticeable on a page). You can set the color, style, and width of the line. The outline is drawn outside of the border edge of the element. Therefore, an element can have both a border and an outline. Unlike a border, an outline does not have to have a rectangular shape.

Examples

Code:
img
{
 outline-color: orange
 outline-style: solid
 outline-width: medium
}
Language(s): CSS2

See Also: