Search within TutorialsPark

CSS outline-offset Property

To set the offset of the outline.

Definition and Notes.

1. The CSS outline-offset property is used to set the offset distance between the outer border edge and inner outline edge.

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 and it can be Negative as well.


CSS outline-offset property. internetexplorer safari firefox opera chrome

View in Splitscreen»


Note- This value cannot be set using the shorthand outline.

Property Values

Value Description
length The offset is set using the length values.(px cm em pt etc)


Specs Value
Name outline-offset
Value <length>
Initial Value 0
Applies to All elements
Javascript syntax"14px"
Inherited No
Computed Value An absolute length value
Browser Support internetexplorer safari firefox opera chrome

Related Examples.