Propriedade textTransform de estilo
Exemplo
Transforme a primeira letra de cada palavra em um elemento para maiúscula:
document.getElementById("demo").style.textTransform = "capitalize";
Definição e uso
A propriedade textTransform define ou retorna a capitalização de um texto.
Esta propriedade é utilizada para alterar o texto para maiúsculas, minúsculas ou maiúsculas.
Suporte ao navegador
Property | |||||
---|---|---|---|---|---|
textTransform | Yes | Yes | Yes | Yes | Yes |
Sintaxe
Retorne a propriedade textTransform:
object.style.textTransform
Defina a propriedade textTransform:
object.style.textTransform = "none|capitalize|uppercase|lowercase|initial|inherit"
Valores de propriedade
Value | Description |
---|---|
none | No characters are transformed. This is default |
capitalize | The first character of each word is transformed to uppercase |
uppercase | All characters are transformed to uppercase |
lowercase | All characters are transformed to lowercase |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Detalhes técnicos
Valor padrão: | Nenhum |
---|---|
Valor de retorno: | Uma String, representando a transformação do texto no elemento |
Versão CSS | CSS1 |
Mais exemplos
Exemplo
Transforme todos os caracteres em um elemento em maiúsculas:
document.getElementById("demo").style.textTransform = "uppercase";
Exemplo
Retorne a transformação de texto de um elemento:
alert(document.getElementById("demo").style.textTransform);
Páginas relacionadas
Tutorial CSS: Texto CSS
Referência CSS: propriedade text-transform
❮ Objeto de estilo