📪Font Decoration

Text Decoration Classes

.no-decoration

Removes text decoration.

CSS equivalent: text-decoration: none;

Example usage:

<span class="no-decoration">This text has no decoration.</span>

.underline

Adds an underline to the text.

CSS equivalent: text-decoration: underline;

Example usage:

<span class="underline">This text is underlined.</span>

.overline

Adds an overline to the text.

CSS equivalent: text-decoration: overline;

Example usage:

<span class="overline">This text has an overline.</span>

.line-through

Adds a line-through to the text.

CSS equivalent: text-decoration: line-through;

Example usage:

<span class="line-through">This text has a line-through.</span>

Text Decoration Style Classes

.decoration-solid

Sets the text decoration style to solid.

CSS equivalent: text-decoration-style: solid;

Example usage:

<span class="decoration-solid">This text has a solid text decoration style.</span>

.decoration-double

Sets the text decoration style to double.

CSS equivalent: text-decoration-style: double;

Example usage:

<span class="decoration-double">This text has a double text decoration style.</span>

.decoration-dotted

Sets the text decoration style to dotted.

CSS equivalent: text-decoration-style: dotted;

Example usage:

<span class="decoration-dotted">This text has a dotted text decoration style.</span>

.decoration-dashed

Sets the text decoration style to dashed.

CSS equivalent: text-decoration-style: dashed;

Example usage:

<span class="decoration-dashed">This text has a dashed text decoration style.</span>

.decoration-wavy

Sets the text decoration style to wavy.

CSS equivalent: text-decoration-style: wavy;

Example usage:

<span class="decoration-wavy">This text has a wavy text decoration style.</span>