Outline
Utilities for controlling the width and color of an element's outline.
| Class | CSS Output |
|---|---|
outline |
|
outline-2 |
|
outline-4 |
|
outline-red-500 |
|
outline-blue-600 |
|
outline-red-500/50 |
|
outline-[3px] |
|
outline
outline-style: var(--tw-outline-style, solid); outline-width: 1px;
outline-2
outline-style: var(--tw-outline-style, solid); outline-width: 2px;
outline-4
outline-style: var(--tw-outline-style, solid); outline-width: 4px;
outline-red-500
outline-color: var(--color-red-500);
outline-blue-600
outline-color: var(--color-blue-600);
outline-red-500/50
outline-color: color-mix(in oklab, var(--color-red-500) 50%, transparent);
outline-[3px]
outline-style: var(--tw-outline-style, solid); outline-width: 3px;
Reference
| outline-color | MDN ↗ |
| outline-style | MDN ↗ |
| outline-width | MDN ↗ |
CSS Properties
outline-coloroutline-styleoutline-width