Syntax
text-decoration
Setting the appearance of decorative lines on text.
Overview
Class | Declarations |
---|---|
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>