Outline Style

Utilities for hiding the outline of an element while maintaining accessibility.

Class CSS Output
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;
}

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

CSS Properties

  • @media (forced-colors
  • outline-offset
  • outline-style