Syntax
text-decoration-style
Setting the style of the decoration line that is used on text.
Overview
| Class | Declarations |
|---|---|
text-decoration-style:`style` | text-decoration-style: `style`;
|
text-decoration:dashed | text-decoration-style: dashed;
|
text-decoration:dotted | text-decoration-style: dotted;
|
text-decoration:double | text-decoration-style: double;
|
text-decoration:solid | text-decoration-style: solid;
|
text-decoration:wavy | text-decoration-style: wavy;
|
Apply conditionally
Apply styles based on different states using selectors and conditional queries.
<div class="text-decoration-style:solid:hover text-decoration-style:solid@sm text-decoration-style:solid@dark text-decoration-style:solid@print">…</div>