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.


Syntax:

CSS outline-offset property. internetexplorer safari firefox opera chrome

View in Splitscreen»

Code-Editor:

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)

Specifications

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

Related Examples.