Set the width of an outline.
Syntax
outline-width: length | thin | medium | thick | inherit ;
length - the width in px, pt, %, em, etc.
thin, medium, thick - Standard browser defined sizes.
inherit - inherit from the parent element.
The outline-style property must be set for the outline-width or outline-color properties to have any effect.
Examples:
h1 { outline-width: 6pt; }
.emw3class { outline-width: 1em; }
#emw3id { outline-width: 2px; }
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-style - Style of an outline.
outline - Shorthand to set all the outline properties
border-width - Width of the four borders.
The CSS Box Model