Text

Text Decoration Style

Style syntax for setting the style of the decoration line that is used on text.

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

Overview [sr-only]

ClassDeclarations
text-decoration-style:styletext-decoration-style: style
text:nonetext-decoration-line: none
text:dashedtext-decoration-style: dashed
text:dottedtext-decoration-style: dotted
text:doubletext-decoration-style: double
text:solidtext-decoration-style: solid
text:wavytext-decoration-style: wavy

Conditionally apply

Apply styles in different states using selectors, media queries, etc.

<div class="text-decoration-style:solid:hover text-decoration-style:solid@sm text-decoration-style:solid@dark text-decoration-style:solid@print"></div>
PREVIOUS
Text Decoration Line

Style syntax for setting the kind of decoration that is used on text.

NEXT
Text Decoration Thickness

Style syntax for setting thickness of the decoration line.

MIT License © Aoyue Design LLC.