Typography
Text Decoration Style
Utilities for controlling the style of text decorations.
Basic usage
Setting the text decoration style
Use the decoration-{style} utilities to change the style of an element's text decoration.
decoration-solid
The quick brown fox jumps over the lazy dog.
decoration-double
The quick brown fox jumps over the lazy dog.
decoration-dotted
The quick brown fox jumps over the lazy dog.
decoration-dashed
The quick brown fox jumps over the lazy dog.
decoration-wavy
The quick brown fox jumps over the lazy dog.
<p className="underline **decoration-solid** ...">The quick brown fox...</p>
<p className="underline **decoration-double** ...">The quick brown fox...</p>
<p className="underline **decoration-dotted** ...">The quick brown fox...</p>
<p className="underline **decoration-dashed** ...">The quick brown fox...</p>
<p className="underline **decoration-wavy** ...">The quick brown fox...</p>