outline-width
Definition outline-width
Подработка: Перевод страницы
An outline is a line that is drawn around elements, outside the borders, to make the element "stand out".
The outline-width
specifies the width of an outline.
Note: Always declare the outline-style property before the outline-width
property. An element must have an outline before you change the width of it.
Default value: | medium |
---|---|
Inherited: | no |
Animatable: | yes, see individual properties. Read about animatable Try it |
Version: | CSS2 |
JavaScript syntax: | object.style.outlineWidth="12px" Try it |
Tips and Notes outline-width
Note: Outlines differ from borders! Unlike border, the outline is drawn outside the element's border, and may overlap other content. Also, the outline is NOT a part of the element's dimensions; the element's total width and height is not affected by the width of the outline.
Browser Support outline-width
The numbers in the table specify the first browser version that fully supports the property.
Property | |||||
---|---|---|---|---|---|
outline-width | 1.0 | 8.0 | 1.5 | 1.2 | 7.0 |
CSS Syntax outline-width
outline-width: medium|thin|thick|length|initial|inherit;
Property Values outline-width
Value | Description | Demo |
---|---|---|
medium | Specifies a medium outline. This is default | Demo ❯ |
thin | Specifies a thin outline | Demo ❯ |
thick | Specifies a thick outline | Demo ❯ |
length | Allows you to define the thickness of the outline. Read about length units | Demo ❯ |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
More Examples outline-width
Set the width of the outline to medium (this is default):
div {outline-width: medium;}
Try it Yourself »
Related Pages outline-width
CSS tutorial: CSS Outline
CSS reference: outline property
HTML DOM reference: outlineWidth property