Syntax

Text Decoration Style

Setting the style of the decoration line that is used on text.

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

Overview

ClassDeclarations
text-decoration-style:styletext-decoration-style: style;
text-decoration:dashedtext-decoration-style: dashed;
text-decoration:dottedtext-decoration-style: dotted;
text-decoration:doubletext-decoration-style: double;
text-decoration:solidtext-decoration-style: solid;
text-decoration:wavytext-decoration-style: wavy;

Conditionally apply

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

<div class="text-decoration-style:solid:hover text-decoration-style:solid@sm text-decoration-style:solid@dark text-decoration-style:solid@print"></div>
Design Token
Colors

Customizing color variables or starting with the crafted palette.

© Aoyue Design LLC.