Text Decoration Thickness

Utilities for controlling the thickness of text decorations.

Use the utilities to change the thickness of an element’s .

For a complete list of all available state modifiers, check out the Hover, Focus, & Other States documentation.

You can also use variant modifiers to target media queries like responsive breakpoints, dark mode, prefers-reduced-motion, and more. For example, use to apply the decoration-4 utility at only medium screen sizes and above.

To learn more, check out the documentation on Responsive Design, and other media query modifiers.

tailwind.config.js

Learn more about customizing the default theme in the documentation.

If you need to use a one-off value that doesn’t make sense to include in your theme, use square brackets to generate a property on the fly using any arbitrary value.