La propiedad de CSS text-transform es muy útil para transformar los caracteres de un texto en mayúsculas o minúsculas. Puede aplicarse a cualquier elemento.
Esta propiedad puede tener los siguientes valores:
- capitalize: convierte en mayúscula la primera letra de cada palabra.
- uppercase: convierte todas las letras en mayúsculas.
- lowercase: convierte todas las letras en minúsculas.
- none: es el valor aplicado por defecto en los navegadores cuando no se especifica otro. Sirve, además, para neutralizar los valores anteriores.
Su funcionamiento puede verse limitado cuando se utiizan caracteres que no pertenezcan al alfabeto latino.
En el siguiente ejemplo todos los caracteres de los elementos H1 existentes en el documento pasarían a estar en mayúsculas:
h1 {text-transform: uppercase;}Ejemplo de uso con Javascript-DOM (solo se ha de poner uno de los valores):
Object.style.textTransform=none|capitalize|uppercase|lowercase