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

cssseletor {
  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:

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

cssp {
  text-transform: capitalize;
}

Результат:

Exemplo . Valor uppercase

Agora todos os caracteres ficarão maiúsculos:

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

cssp {
  text-transform: uppercase;
}

Результат:

Exemplo . Valor lowercase

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

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

cssp {
  text-transform: lowercase;
}

Результат: