Border

Outline Offset

Utilities for controlling the offset of an element's outline.

Basic usage

Setting the outline offset

Use the outline-{offset} utilities to change the offset of an element's outline.

outline-offset-0

outline-offset-2

outline-offset-4

<button className="outline **outline-offset-0** ...">Button A</button>
<button className="outline **outline-offset-2** ...">Button B</button>
<button className="outline **outline-offset-4** ...">Button C</button>