Border

Outline Width

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

Basic usage

Setting the outline width

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

outline-1

outline-2

outline-4

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

The default outline width is 3px.