Propiedad text-transform
La propiedad text-transform establece
las mayúsculas y minúsculas de los caracteres del texto: mayúsculas
(letras capitales), minúsculas (letras pequeñas
minúsculas), puede poner en mayúscula
la primera letra de cada palabra.
Sintaxis
selector {
text-transform: capitalize | lowercase | uppercase | none;
}
Valores
| Valor | Descripción |
|---|---|
capitalize |
El primer carácter de cada palabra en la oración será mayúscula. |
lowercase |
Todos los caracteres del texto se convierten a minúsculas. |
uppercase |
Todos los caracteres del texto se convierten a MAYÚSCULAS. |
none |
No cambia las mayúsculas y minúsculas de los caracteres. |
Valor por defecto: none.
Ejemplo . Valor capitalize
Ahora la primera letra de cada palabra se volverá mayúscula:
<p>
Lorem ipsum dolor sit amet.
</p>
p {
text-transform: capitalize;
}
:
Ejemplo . Valor uppercase
Ahora todos los caracteres se volverán mayúsculas:
<p>
Lorem ipsum dolor sit amet.
</p>
p {
text-transform: uppercase;
}
:
Ejemplo . Valor lowercase
Ahora todos los caracteres se volverán minúsculas (es decir, pequeñas, no mayúsculas):
<p>
LOREM IPSUM DOLOR SIT AMET.
</p>
p {
text-transform: lowercase;
}
: