Los últimos tutoriales de desarrollo web
 

Style textTransform Property

<Estilo de objeto

Ejemplo

Transformar la primera letra de cada palabra en un <p> elemento en mayúsculas:

document.getElementById("myP").style.textTransform = "capitalize";
Inténtalo tú mismo "

Definición y Uso

Los conjuntos de propiedades textTransform o devuelve la capitalización de un texto.

Esta propiedad se utiliza para cambiar el texto en mayúsculas, minúsculas o en mayúsculas.


Soporte del navegador

Internet ExplorerFirefoxOperaGoogle ChromeSafari

La propiedad textTransform es compatible con todos los principales navegadores.


Sintaxis

Devolver la propiedad textTransform:

object .style.textTransform

Establecer la propiedad textTransform:

object .style.textTransform="none|capitalize|uppercase|lowercase|initial|inherit"

Valores de propiedad

Valor Descripción
none No hay personajes se transforman. Esto es por defecto
capitalize El primer carácter de cada palabra se transforma en mayúsculas
uppercase Todos los personajes se transforman en mayúsculas
lowercase Todos los personajes se transforman en minúsculas
initial Establece esta propiedad a su valor por defecto. Lea acerca inicial
inherit Hereda esta propiedad de su elemento padre. Lea acerca de heredar

Detalles técnicos

Valor por defecto: ninguna
Valor de retorno: Una cadena, que representa la transformación del texto en el elemento
Versión CSS CSS1

Más ejemplos

Ejemplo

Transformar todos los caracteres en un <p> elemento en mayúsculas:

document.getElementById("myP").style.textTransform = "uppercase";
Inténtalo tú mismo "

Ejemplo

Devolver la transformación de un texto <p> elemento:

alert(document.getElementById("myP").style.textTransform);
Inténtalo tú mismo "

Páginas relacionadas

CSS tutorial: CSS texto

Referencia CSS: text-transform propiedad


<Estilo de objeto