Outline

Outline Color

Style syntax for setting the color of an element’s outline.

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

Overview [sr-only]

ClassDeclarations
outline-color:color / outline:coloroutline-color: color
outline:currentoutline-color: currentColor
outline:transparentoutline-color: transparent
outline:#hexoutline-color: #hex
outline:rgb(rgb)outline-color: rgb(rgb)
outline:hsl(hsl)outline-color: hsl(hsl)

Conditionally apply

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

<div class="outline-color:blue-60:hover outline-color:blue-60@sm outline-color:blue-60@dark outline-color:blue-60@print"></div>
PREVIOUS
Outline

Style syntax for setting all the outline properties at once.

NEXT
Outline Offset

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

MIT License © Aoyue Design LLC.