Search within TutorialsPark

CSS outline-width Property

To set the width of the outline.

Definition and Notes.

1. The CSS outline-width property is used to set the width of the outline, it is created around the margin of the element.

2. Visually, its similar to a border, but it occupies no space( doesn't gets added to width or height). The values are applied to all four edges.


CSS outline-width property. internetexplorer safari firefox opera chrome

View in Splitscreen»


Note- The purpose of this property is to highlight certain items on the webpage.

Property Values

Value Description
thin To create a thin outline.
medium The create a outline of medium width.
thick To set a thick outline.
length To set the width of outline using length values(px, pt, cm, em etc).Negative width are not allowed
inherit The element inherits the values of its parent element's outline-width.


Specs Value
Name outline-width
Value thin | medium | thick | length | inherit
Initial Value medium
Applies to All elements
Javascript syntax"10px"
Inherited No
Computed Value Absolute length; 0 if the style of the border is none or hidden
Browser Support internetexplorer safari firefox opera chrome

Related Examples.