📪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>
Last updated