Skip to content

Text Decoration

Controls the text decoration of an element.

Class Properties

td-u

text-decoration: underline;

td-none

text-decoration: none;

Using breakpoints

The utilization of breakpoint modifiers, like sm:td-*, md:td-*, lg:td-*, and xxl:td-* enables the targeting of specific utilities in disparate viewports.

<p class="td-none md:td-u ...">Text Decoration Underline</p>

Using variants

The :hover variant, such as h:td-*, allows you to modify elements and override other text decoration styles when hovering over them.

<p class="td-none h:td-u ...">Text Decoration Underline on Hover</p>