Dialtone

Text Decoration

Utilities to change an element's text decoration styles.

Classes

ClassOutput
.d-td-nonetext-decoration: none !important
.d-td-underlinetext-decoration: underline !important
.d-td-dottedtext-decoration: underline dotted !important
.d-td-line-throughtext-decoration: line-through !important
.d-td-unsettext-decoration: unset !important

Underline

Use d-td-underline to underline text.

<p class="d-td-underline">...</p>

Dotted

Use d-td-dotted to apply a dotted underline style to the text.

<p class="d-td-dotted">...</p>

Line Through

Use d-td-line-through to apply a line through the text.

<p class="d-td-line-through">...</p>

No decorations

Use d-td-none to remove text decorations.

<p class="d-td-none">...</p>
Last Updated: