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