Outline Color
Utilities for controlling the color of an element's outline.
| Class | CSS Output |
|---|---|
outline-red-50 |
|
outline-blue-50 |
|
outline-green-50 |
|
outline-gray-50 |
|
outline-[#ff0000] |
|
outline-red-500/50 |
|
outline-red-50
outline-color: var(--color-red-50);
outline-blue-50
outline-color: var(--color-blue-50);
outline-green-50
outline-color: var(--color-green-50);
outline-gray-50
outline-color: var(--color-gray-50);
outline-[#ff0000]
outline-color: #ff0000;
outline-red-500/50
outline-color: color-mix(in oklab, var(--color-red-500) 50%, transparent);
Reference
| outline-color | MDN ↗ |
CSS Properties
outline-color