Outline Style
Utilities for hiding the outline of an element while maintaining accessibility.
| Class | CSS Output |
|---|---|
outline-hidden |
|
outline-solid |
|
outline-dotted |
|
outline-dashed |
|
outline-double |
|
outline-none |
|
outline-hidden
--tw-outline-style: none;
outline-style: none;
@media (forced-colors: active) {
outline: 2px solid transparent;
outline-offset: 2px;
}outline-solid
--tw-outline-style: solid; outline-style: solid;
outline-dotted
--tw-outline-style: dotted; outline-style: dotted;
outline-dashed
--tw-outline-style: dashed; outline-style: dashed;
outline-double
--tw-outline-style: double; outline-style: double;
outline-none
--tw-outline-style: none; outline-style: none;
Reference
| @media (forced-colors | MDN ↗ |
| outline-offset | MDN ↗ |
| outline-style | MDN ↗ |
CSS Properties
@media (forced-colorsoutline-offsetoutline-style