Tipografía
Utilidades para controlar la capitalización del texto.
| Clase | Estilos |
|---|---|
uppercase | text-transform: uppercase; |
lowercase | text-transform: lowercase; |
capitalize | text-transform: capitalize; |
normal-case | text-transform: none; |
Usa la utilidad uppercase para poner en mayúsculas el texto de un elemento:
El rápido zorro marrón salta sobre el perro perezoso.
<p class="uppercase">El rápido zorro marrón ...</p>Usa la utilidad lowercase para poner en minúsculas el texto de un elemento:
El rápido zorro marrón salta sobre el perro perezoso.
<p class="lowercase">El rápido zorro marrón ...</p>Usa la utilidad capitalize para capitalizar el texto de un elemento:
El rápido zorro marrón salta sobre el perro perezoso.
<p class="capitalize">El rápido zorro marrón ...</p>Usa la utilidad normal-case para preservar la capitalización original del texto de un elemento—típicamente usado para restablecer la capitalización en diferentes breakpoints:
El rápido zorro marrón salta sobre el perro perezoso.
<p class="normal-case">El rápido zorro marrón ...</p>Prefija una utilidad text-transform con una variante de breakpoint como md: para aplicar la utilidad solo en tamaños de pantalla medium y superiores:
<p class="capitalize md:uppercase ..."> Lorem ipsum dolor sit amet...</p>Aprende más sobre el uso de variantes en la documentación de variantes.