排版
用于控制文本装饰样式的工具类。
| Class | Styles |
|---|---|
decoration-solid | text-decoration-style: solid; |
decoration-double | text-decoration-style: double; |
decoration-dotted | text-decoration-style: dotted; |
decoration-dashed | text-decoration-style: dashed; |
decoration-wavy | text-decoration-style: wavy; |
使用 decoration-dotted 和 decoration-dashed 等工具类来改变元素的 文本装饰 样式：
敏捷的棕色狐狸跳过懒狗。
敏捷的棕色狐狸跳过懒狗。
敏捷的棕色狐狸跳过懒狗。
敏捷的棕色狐狸跳过懒狗。
敏捷的棕色狐狸跳过懒狗。
<p class="underline decoration-solid">敏捷的棕色狐狸...</p><p class="underline decoration-double">敏捷的棕色狐狸...</p><p class="underline decoration-dotted">敏捷的棕色狐狸...</p><p class="underline decoration-dashed">敏捷的棕色狐狸...</p><p class="underline decoration-wavy">敏捷的棕色狐狸...</p>Prefix a text-decoration-style utility with a breakpoint variant like md: to only apply the utility at medium screen sizes and above:
<p class="underline md:decoration-dashed ..."> Lorem ipsum dolor sit amet...</p>Learn more about using variants in the variants documentation.