Syntax

text-decoration

Setting the appearance of decorative lines on text.

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;

Apply conditionally

Apply styles based on different states using selectors and conditional queries.

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

  • Master UI


© 2025 Aoyue Design LLC.MIT License
Trademark Policy