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.