Easy Tutorial
❮ Sel Not Func Repeating Conic Gradient ❯

CSS3 outline-offset Property

Example

Specify an outline 15px outside the border edge:


Browser Support

The numbers in the table specify the first browser version that fully supports the property.

Numbers followed by -webkit-, -ms-, or -moz- specify the first version that worked with a prefix.

Property Chrome IE Firefox Safari Opera
outline-offset 4.0 Not compatible 3.5 3.1 10.5

Property Definition and Usage

The outline-offset property sets the space between an outline and the border edge of an element.

Outlines differ from borders in two ways:

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

Syntax

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

Related Articles

CSS3 Tutorial: CSS3 User Interface

❮ Sel Not Func Repeating Conic Gradient ❯