Syntax

Text Decoration

Setting the appearance of decorative lines on text.

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

Overview

ClassDeclarations
text-decoration:line|color|style|thickness-webkit-text-decoration: line color style thickness; text-decoration: line color style thickness;
text-decoration:none-webkit-text-decoration: none; text-decoration: none;
text:underline-webkit-text-decoration: underline; text-decoration: underline;
text:line-through-webkit-text-decoration: line-through; text-decoration: line-through;
text:overline-webkit-text-decoration: overline; text-decoration: overline;

Conditionally apply

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

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

Customizing color variables or starting with the crafted palette.

© Aoyue Design LLC.