Propriedade text-transform

A propriedade text-transform define a caixa dos caracteres do texto: caixa alta (letras maiúsculas), caixa baixa (letras minúsculas), pode colocar a primeira letra de cada palavra em maiúscula.

Sintaxe

seletor {
	text-transform: capitalize | lowercase | uppercase | none;
}

Valores

Valor	Descrição
`capitalize`	O primeiro caractere de cada palavra em uma frase será maiúsculo.
`lowercase`	Todos os caracteres do texto são convertidos para minúsculas.
`uppercase`	Todos os caracteres do texto são convertidos para MAIÚSCULAS.
`none`	Não altera a caixa dos caracteres.

Valor padrão: none.

Exemplo . Valor capitalize

Agora a primeira letra de cada palavra ficará maiúscula:

<p>
	Lorem ipsum dolor sit amet.
</p>

p {
	text-transform: capitalize;
}

Exemplo . Valor uppercase

Agora todos os caracteres ficarão maiúsculos:

<p>
	Lorem ipsum dolor sit amet.
</p>

p {
	text-transform: uppercase;
}

Exemplo . Valor lowercase

Agora todos os caracteres ficarão minúsculos (ou seja, pequenos, não maiúsculos):

<p>
	LOREM IPSUM DOLOR SIT AMET.
</p>

p {
	text-transform: lowercase;
}