Ejemplo
Transformar texto en diferentes <p> elementos:
p.uppercase {
text-transform: uppercase;
}
p.lowercase {
text-transform: lowercase;
}
p.capitalize {
text-transform: capitalize;
} Inténtalo tú mismo " Definición y Uso
La propiedad text-transform controla la capitalización de texto.
| Valor por defecto: | none |
|---|---|
| Heredado: | yes |
| Versión: | CSS1 |
| la sintaxis de JavaScript: | object .style.textTransform="uppercase" Try it |
Soporte para el navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.
| Propiedad | |||||
|---|---|---|---|---|---|
| text-transform | 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
sintaxis CSS
text-transform: none|capitalize|uppercase|lowercase|initial|inherit;Valores de propiedad
| Valor | Descripción | Juegalo |
|---|---|---|
| none | Sin capitalización. El texto hace como es. Esto es por defecto | Juegalo " |
| capitalize | Transforma el primer carácter de cada palabra a mayúsculas | Juegalo " |
| uppercase | Transforma todos los caracteres en mayúsculas | Juegalo " |
| lowercase | Transforma todos los caracteres en minúsculas | Juegalo " |
| initial | Establece esta propiedad a su valor por defecto. Lea acerca inicial | Juegalo " |
| inherit | Hereda esta propiedad de su elemento padre. Lee sobre heredar |
Páginas relacionadas
CSS tutorial: CSS texto
Referencia HTML DOM: textTransform property