Tipografía
Utilidades para controlar el estilo de las decoraciones de texto.
| Clase | Estilos |
|---|---|
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; |
Usa utilidades como decoration-dotted y decoration-dashed para cambiar el estilo de decoración de texto de un elemento:
El rápido zorro marrón salta sobre el perro perezoso.
El rápido zorro marrón salta sobre el perro perezoso.
El rápido zorro marrón salta sobre el perro perezoso.
El rápido zorro marrón salta sobre el perro perezoso.
El rápido zorro marrón salta sobre el perro perezoso.
<p class="underline decoration-solid">El rápido zorro marrón...</p><p class="underline decoration-double">El rápido zorro marrón...</p><p class="underline decoration-dotted">El rápido zorro marrón...</p><p class="underline decoration-dashed">El rápido zorro marrón...</p><p class="underline decoration-wavy">El rápido zorro marrón...</p>Prefija una utilidad text-decoration-style con una variante de breakpoint como md: para aplicar la utilidad solo en tamaños de pantalla medium y superiores:
<p class="underline md:decoration-dashed ..."> Lorem ipsum dolor sit amet...</p>Aprende más sobre el uso de variantes en la documentación de variantes.