Propriedade text-transform do CSS

Definição e uso

A propriedade text-transform controla o tamanho das letras do texto.

Explicação

Essa propriedade muda o tamanho das letras dentro do elemento, independentemente do tamanho das letras no documento original. Se o valor for "capitalize", algumas letras devem ser maiúsculas, mas não há definição clara de como determinar quais letras devem ser maiúsculas, dependendo de como o agente de usuário identifica "palavras".

Veja também:

Tutorial de CSS:Texto CSS

Manual de referência do HTML DOM:Propriedade textTransform

Exemplo

Converta o texto em diferentes elementos:

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

Experimente você mesmo

Dicas e comentários

Comentário:Diferentes agentes de usuário podem usar métodos diferentes para determinar onde uma palavra começa, determinando assim quais letras devem ser maiúsculas. Por exemplo, o texto "w3-school" pode ser exibido de duas maneiras: "W3-school" e "W3-School". O CSS não determina qual é o correto, então ambos são aceitáveis.

Sintaxe do CSS

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

Valor da propriedade

Valor Descrição
nenhum Padrão. Define um texto padrão com letras minúsculas e maiúsculas.
capitalize Cada palavra no texto começa com uma letra maiúscula.
uppercase Define que há apenas letras maiúsculas.
lowercase Define que não há letras maiúsculas, apenas minúsculas.
inherit Define que o valor da propriedade text-transform deve ser herdado do elemento pai.

Detalhes técnicos

Valor padrão: nenhum
Herança: sim
Versão: CSS1
Sintaxe do JavaScript: object.style.textTransform="uppercase"

Mais exemplos

Controle o tamanho das letras em um texto
Este exemplo mostra como controlar o tamanho de letras em um texto.

Suporte do navegador

Os números na tabela indicam a primeira versão do navegador que suporta completamente essa propriedade.

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