Propriedades do Atributo text-transform no CSS

Fácil
15%

O atributo text-transform possui 3 variações no seu valor, sendo Maiúsculo, Minúsculo ou Capitalizado.

Maiúsculo (uppercase)
Utilizado para deixar todas as letras (caracteres) em maiúsculo, independentemente da forma como a palavra ou frase foi digitada.

.maiusculo {
   text-transform: uppercase;
}

Resultado: TEXTO MAIÚSCULO

Minúsculo (lowercase)
Utilizado para deixar todas as letras (caracteres) em minúsculo, independentemente da forma como o text foi digitado.

.minusculo {
   text-transform: lowercase;
}

Resultado: texto minúsculo

Capitalizado (capitalize)
Utilizado para deixar letras (caracteres) iniciais de cada palavra em maiúsculo, independentemente da forma como a palavra ou frase foi digitada.

.capitalizado {
   text-transform: capitalize;
}

Resultado: Texto Com Letras Iniciais Maiúsculas

É possível utilizar o valor “none”, deixando o texto da forma como foi digitado.

.none {
   text-transform: none;
}

Deixe sua Pergunta ou Comentário:

O seu endereço de email não será publicado Campos obrigatórios são marcados *

Por favor, digite os caracteres desta imagem na caixa de entrada

Por favor digite o código da imagem

Você pode usar estas tags e atributos de HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>