Text Decoration Line

Controls the text decoration line of an element.

Class	Properties
tdl-none	text-decoration-line: none;
tdl-u	text-decoration-line: underline;
tdl-o	text-decoration-line: overline;
tdl-lt	text-decoration-line: line-through;

---

Using breakpoints

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

<p class="tdl-none md:tdl-u ...">Underline</p>

Using variants

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

<p class="tdl-none h:tdl-u ...">Underline</p>