Exemplo
Transformar o texto em diferentes <p> elementos:
p.uppercase {
text-transform: uppercase;
}
p.lowercase {
text-transform: lowercase;
}
p.capitalize {
text-transform: capitalize;
} Tente você mesmo " Definição e Uso
A propriedade text-transform controla a capitalização de texto.
| Valor padrão: | none |
|---|---|
| Herdado: | yes |
| Versão: | CSS1 |
| sintaxe JavaScript: | object .style.textTransform="uppercase" Try it |
Suporte a navegadores
Os números na tabela especificar a primeira versão do browser que suporta totalmente a propriedade.
| Propriedade | |||||
|---|---|---|---|---|---|
| text-transform | 1.0 | 4.0 | 1.0 | 1.0 | 7 |
CSS Syntax
text-transform: none|capitalize|uppercase|lowercase|initial|inherit;Valores de propriedade
| Valor | Descrição | Jogue |
|---|---|---|
| none | Sem capitalização. O texto torna como ela é. Este é o padrão | Jogue " |
| capitalize | Transforma o primeiro caractere de cada palavra em maiúsculas | Jogue " |
| uppercase | Transforma todos os caracteres em maiúsculas | Jogue " |
| lowercase | Transforma todos os caracteres para minúsculas | Jogue " |
| initial | Define essa propriedade para o valor padrão. Leia sobre inicial | Jogue " |
| inherit | Herda essa propriedade do seu elemento pai. Leia sobre herdar |
Páginas relacionadas
Tutorial CSS: CSS Texto
HTML DOM de referência: textTransform property