Skip to main content

Class-textDecoration

Utilities for controlling the text color of an element.

Use the v-color-* utilities to control the text decoration of an element. You can use
the feat: custom feature if you want the text decoration to suit your needs.

Table list decorations​

Class nameProperties
v-decoration-none text-decoration: none;
v-decoration-dashed text-decoration: dashed;
v-decoration-double text-decoration: double;
v-decoration-through text-decoration: throgh;
v-decoration-overline text-decoration: overline;
v-decoration-solid text-decoration: solid;
v-decoration-underline text-decoration: underline;
v-decoration-wavy text-decoration wavy;

The table above presents several types of text decorations with different variants.

Example Code​

index.html
<span class="v-decoration-underline"> 	
example text decoration
</span>