Skip to main content

Text Decoration

Read about how you can use text decoration for your elements.

ClassProperties
text-d-nonetext-decoration: none;
text-d-underlinetext-decoration: underline;
text-d-line-throughtext-decoration: line-through;
text-d-overlinetext-decoration: overline;
text-d-initialtext-decoration: initial;
text-d-inherittext-decoration: inherit;
text-d-reverttext-decoration: revert;

Basic Usage

This is a paragraph with text-d-none class.

This is a paragraph with text-d-underline class.

This is a paragraph with text-d-line-through class.

This is a paragraph with text-d-overline class.

<p class="text-d-none ...">This is a paragraph with text-d-none class.</p>
<p class="text-d-underline ...">
This is a paragraph with text-d-underline class.
</p>
<p class="text-d-line-through ...">
This is a paragraph with text-d-line-through class.
</p>
<p class="text-d-overline ...">
This is a paragraph with text-d-overline class.
</p>