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

cssselector {
  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:

html<p>
  Lorem ipsum dolor sit amet.
</p>

cssp {
  text-transform: capitalize;
}

Результат:

Ejemplo . Valor uppercase

Ahora todos los caracteres se volverán mayúsculas:

html<p>
  Lorem ipsum dolor sit amet.
</p>

cssp {
  text-transform: uppercase;
}

Результат:

Ejemplo . Valor lowercase

Ahora todos los caracteres se volverán minúsculas (es decir, pequeñas, no mayúsculas):

html<p>
  LOREM IPSUM DOLOR SIT AMET.
</p>

cssp {
  text-transform: lowercase;
}

Результат: