outline-offset
Adds space between the edge of the element and the outline. Positive values push the outline away, negative values pull it inside.
Quick example
a:focus {
outline: 2px solid blue;
/* Adds a 4px gap between the link text and the outline */
outline-offset: 4px;
}Quick facts
Initial value
0Inherited
No
Applies to
all elements
Animation type
length
outline-offset Browser Support
Widely available Since 2017 96% global usage
This feature is well established and works across many devices and browser versions. It has been available across browsers since 2017.
Safe to use without fallbacks.
1+
1.5+
1.2+
15+