Outline-width

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


Copyright © 2013-2022 Emw3.com
Some rights reserved