CSS3 outline-offset Property

Example

Specify an outline 15px outside the border edge:

div
{
border:2px solid black;
outline:2px solid red;
outline-offset:15px;
}

Try it yourself »

Browser Support

Internet Explorer Firefox Opera Google Chrome Safari

The outline-offset property is supported in all major browsers, except Internet Explorer.


Definition and Usage

The outline-offset property offsets an outline, and draws it beyond the border edge.

Outlines differ from borders in two ways:

Default value: 0
Inherited: no
Version: CSS3
JavaScript syntax: object.style.outlineOffset="15px"


Syntax

outline-offset: length|inherit:

Value Description
length The distance the outline is outset from the border edge
inherit Specifies that the value of the outline-offset property should be inherited from the parent element