Text Decoration Style

Controls the style of text decoration.

Class	Properties
tds-d	text-decoration-style: dashed;
tds-h	text-decoration-style: hidden;
tds-none	text-decoration-style: none;
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>