Outline Offset

Set the offset for an element's outline.

This feature is well established and works across many devices and browser versions.

Chrome

Edge

Firefox

Safari

oo:0

outline-offset: 0;

oo:1

outline-offset: 1px;

oo:2

outline-offset: 2px;

oo:3

outline-offset: 3px;

oo:4

outline-offset: 4px;

Prefix a class with a breakpoint to apply it from that width up.

Prefix a class with a state to apply it only while that state matches.

Double the hyphen to negate any value on the scale.