outline-offset property

Definition and Usage

The outline-offset CSS property is used to set space between an outline and the edge or border of an element. An outline is a line that is drawn around elements, outside the border edge.

• Initial0
• Applies toall elements
• Inheritedno
• Mediavisual, interactive
• Computed Valueas specified, but with relative lengths converted into absolute lengths
• Animatableyes, as a length
• Canonical orderthe unique non-ambiguous order defined by the formal grammar

The space will be transparent (the parent will determine the background).

---

Syntax

Formal syntax: <length>

outline-offset: 3px
outline-offset: 0.2em
outline-offset: inherit

---

Values

<length>

The width of the space. See <length> for possible units. Negative values place the outline inside the element.

---

Examples

Result:

outline: offset 5px;

outline: multiple offsets;

---

Compatibility

Desktop browsers

Mobile browsers