Типография
Утилиты для управления стилем текстовых украшений.
| 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>Префикс a text-decoration-style утилита с вариантом контрольной точки, например md:, чтобы применить утилиту только при размерах экрана medium и выше:
<p class="underline md:decoration-dashed ..."> Lorem ipsum dolor sit amet...</p>Подробнее об использовании вариантов читайте в документации по вариантам.