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 la decoración de texto de un elemento:
El veloz zorro marrón salta sobre el perro perezoso.
El veloz zorro marrón salta sobre el perro perezoso.
El veloz zorro marrón salta sobre el perro perezoso.
El veloz zorro marrón salta sobre el perro perezoso.
El veloz zorro marrón salta sobre el perro perezoso.
<p class="underline decoration-solid">El veloz zorro marrón...</p><p class="underline decoration-double">El veloz zorro marrón...</p><p class="underline decoration-dotted">El veloz zorro marrón...</p><p class="underline decoration-dashed">El veloz zorro marrón...</p><p class="underline decoration-wavy">El veloz zorro marrón...</p>Antepone a la utilidad text-decoration-style el prefijo de una variante de punto de ruptura como md: para aplicar la utilidad únicamente en tamaños de pantalla mediano y superiores:
<p class="underline md:decoration-dashed ..."> Lorem ipsum dolor sit amet...</p>Obtén más información sobre el uso de variantes en la documentación de variantes.