Set the Style of an outline.
Syntax
outline-style: style ;
none - No outline and the computed outline-width is zero.
dotted - A dotted outline.
dashed - A dashed outline.
solid - A solid outline.
double - A double outline. This does not make the outline any wider.
groove - A 3D grooved outline. The effect depends on the outline-color value.
ridge - A 3D ridged outline. The effect depends on the outline-color value.
inset - A 3D inset outline. The effect depends on the outline-color value.
outset - A 3D outset outline. The effect depends on the outline-color value.
inherit - Inherit the outline style from the parent element.
Examples:
h1 { outline-style: dotted; }
.emw3class { outline-style: solid; }
#emw3id { outline-style: inherit; }
Try it:
Outlines differ from borders in that they do not take up space, they are drawn above the content and extend out towards the margin. |
(CSS 2) Browser Support: All major browsers
“The paper cutouts allow me to draw with color. For me, it is a simplification. Instead of drawing an outline and then filling in with color-with one modifying the other-I draw directly in color...It is not a starting point, it is a completion” ~ Henri Matisse
Related:
outline-color - Color of an outline.
outline-width - Width of an outline.
outline - Shorthand to set all the outline properties.
border-style Style of the four borders.
The CSS Box Model