Syntax

Text Decoration Line

Setting the kind of decoration that is used on text.

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

Overview

ClassDeclarations
text-decoration-line:line|text-decoration-line: line ;
text-decoration:underlinetext-decoration-line: underline;
text-decoration:overlinetext-decoration-line: overline;
text-decoration:line-throughtext-decoration-line: line-through;

Conditionally apply

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

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

Customizing color variables or starting with the crafted palette.

© Aoyue Design LLC.