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:
