Outline

Outline Style

Style syntax for setting the style of an element's outline.

🚧This page is still under construction and some content may not be complete.

Overview [sr-only]

ClassDeclarations
outline-style:styleoutline-style: style
outline:noneoutline-style: none
outline:dottedoutline-style: dotted
outline:dashedoutline-style: dashed
outline:solidoutline-style: solid
outline:doubleoutline-style: double
outline:grooveoutline-style: groove
outline:ridgeoutline-style: ridge
outline:insetoutline-style: inset
outline:outsetoutline-style: outset

Conditionally apply

Apply styles in different states using selectors, media queries, etc.

<div class="outline-style:solid:hover outline-style:solid@sm outline-style:solid@dark outline-style:solid@print"></div>
PREVIOUS
Outline Offset

Style syntax for setting the spacing between an outline and the border of an element.

NEXT
Outline Width

Style syntax for setting the thickness of an element's outline.

MIT License © Aoyue Design LLC.