Estilo de propiedad textTransform
- Página anterior textShadow
- Página siguiente top
- Volver a la capa superior Objeto Style de HTML DOM
Definición y uso
textTransform
Configura o devuelve el tamaño de la fuente del texto.
Esta propiedad se utiliza para modificar el texto a mayúsculas, minúsculas o con la primera letra en mayúscula.
Vea también:
Tutorial de CSS:Texto CSS
Manual de CSS:Propiedad text-transform
Ejemplo
Ejemplo 1
Convertir la primera letra de cada palabra del elemento <p> en mayúscula:
document.getElementById("myP").style.textTransform = "capitalize";
Ejemplo 2
Convertir todos los caracteres del elemento <p> en mayúsculas:
document.getElementById("myP").style.textTransform = "uppercase";
Ejemplo 3
Retorno del texto transformado del elemento <p>:
alert(document.getElementById("myP").style.textTransform);
Sintaxis
Retornar la propiedad textTransform:
objeto.style.textTransform
Establecer la propiedad textTransform:
objeto.style.textTransform = "none|capitalize|uppercase|lowercase|initial|inherit"
Valor de la propiedad
Valor | Descripción |
---|---|
none | Ningún carácter se convierte. Predeterminado. |
capitalize | La primera letra de cada palabra se convierte en mayúscula. |
uppercase | Todos los caracteres se convierten en mayúsculas. |
lowercase | Todos los caracteres se convierten en minúsculas. |
initial | Establezca esta propiedad en su valor predeterminado. Consulte initial. |
inherit | Hereda esta propiedad del elemento padre. Consulte inherit. |
Detalles técnicos
Valor predeterminado: | Ninguno |
---|---|
Retorno: | Cadena de caracteres que representa la conversión del texto del elemento. |
Versión de CSS: | CSS1 |
Compatibilidad con navegadores
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Soporte | Soporte | Soporte | Soporte | Soporte |
- Página anterior textShadow
- Página siguiente top
- Volver a la capa superior Objeto Style de HTML DOM