Skip to content

Text Decoration Style

Controls the style of text decoration.

Class Properties

tds-none

text-decoration-style: none;

tds-d

text-decoration-style: dashed;

tds-h

text-decoration-style: hidden;

tds-s

text-decoration-style: solid;

Using breakpoints

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

<p class="tds-none md:tds-s ...">Solid Text Decoration</p>

Using variants

The :hover variant, such as h:tds-*, allows you to modify text decoration styles when hovering over elements.

<p class="tds-none h:tds-s ...">Solid Text Decoration</p>