Nível: iniciante
A capitalização do texto é modificada com a propriedade text-transform:
- text-transform:capitalize - transforma todas as iniciais de palavras em maiúsculas.
- text-transform:uppercase - transforma todas as letras em maiúsculas.
- text-transform:lowercase - transforma todas as letras em minúsculas.
- text-transform:inherit - segue o padrão do elemento no qual a tag está inserida.
- text-transform:none - mostra conforme digitado.
<div style='text-transform:capitalize;'>mesmo que eu escreva tudo com letra minúscula, <b>capitalize</b> faz com que as <b>iniciais</b> fiquem maiúsculas.</div> | mesmo que eu escreva tudo com letra minúscula, capitalize faz com que as iniciais fiquem maiúsculas. |
<div style="text-transform: uppercase">mesmo que eu escreva tudo com letra minúscula, <b>uppercase</b> faz com que <b>todas as letras</b> fiquem maiúsculas.</div> | mesmo que eu escreva tudo com letra minúscula, uppercase faz com que as todas as letras fiquem maiúsculas. |
<div style="text-transform: lowercase">MESMO QUE EU ESCREVA TUDO COM LETRA MAIÚSCULA, <B>LOWERCASE</B> FAZ COM QUE TODAS AS LETRAS FIQUEM MINÚSCULAS.</div> | MESMO QUE EU ESCREVA TUDO COM LETRA MAIÚSCULA, LOWERCASE FAZ COM QUE TODAS AS LETRAS FIQUEM MINÚSCULAS. |
confundiu uppercase com lowercase no ultimo exemplo
ResponderExcluirAnônimo, muito obrigada pela correção. Acho que está certinho agora. =)
ResponderExcluir