Atributo text-transform de CSS

Definición y uso

El atributo text-transform controla la capitalización del texto.

Descripción

Esta propiedad cambia la capitalización de las letras en el elemento, independientemente de la capitalización del texto en el documento de origen. Si el valor es capitalize, ciertas letras deben ser mayúsculas, pero no se define claramente cómo determinar qué letras deben ser mayúsculas, lo que depende de cómo el agente de usuario identifica los "palabras".

Véase también:

Tutoriales de CSS:Texto CSS

Manual de referencia de HTML DOM:Atributo textTransform

Ejemplo

Convertir el texto en diferentes elementos:

h1 {text-transform:uppercase;}
h2 {text-transform:capitalize;}
p {text-transform:lowercase;}

Prueba por ti mismo

Consejos y comentarios

Comentarios:Diferentes usuarios pueden usar métodos diferentes para determinar dónde comienza una palabra, y en consecuencia, qué letras deben ser mayúsculas. Por ejemplo, el texto "w3-school" se puede mostrar de dos formas: "W3-school" y "W3-School". CSS no especifica cuál es el correcto, por lo que ambas son válidas.

Sintaxis de CSS

text-transform: none|capitalize|uppercase|lowercase|initial|inherit;

Valor del atributo

Valor Descripción
ninguna Predeterminado. Define un texto estándar con minúsculas y mayúsculas.
capitalize Cada palabra en el texto comienza con una mayúscula.
uppercase Define solo mayúsculas.
lowercase Define sin mayúsculas, solo minúsculas.
inherit Se especifica que el valor de text-transform debe ser heredado del elemento padre.

Detalles técnicos

Valor predeterminado: ninguna
Herencia: sí
Versión: CSS1
Sintaxis de JavaScript: objeto

Más ejemplos

Controlar la capitalización de las letras en el texto
Este ejemplo muestra cómo controlar la capitalización de las letras en el texto.

Compatibilidad del navegador

Los números en la tabla indican la versión del navegador que admite completamente esta propiedad.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 7.0