Syntax

Outline Style

Setting the style of an element's outline.

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

Class	Declarations
`outline-style:style`	`outline-style: style;`
`outline:none`	`outline-style: none;`
`outline:dotted`	`outline-style: dotted;`
`outline:dashed`	`outline-style: dashed;`
`outline:solid`	`outline-style: solid;`
`outline:double`	`outline-style: double;`
`outline:groove`	`outline-style: groove;`
`outline:ridge`	`outline-style: ridge;`
`outline:inset`	`outline-style: inset;`
`outline:outset`	`outline-style: outset;`

Conditionally apply

Apply styles based on different states using selectors and applying conditionally.

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

Customizing color variables or starting with the crafted palette.

© Aoyue Design LLC.