⇐ Clique aqui para expandir o post. ⇒

terça-feira, março 17, 2009

Capitalização do texto

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.
Pix meutedio arroba mail ponto com

2 comentários:

  1. confundiu uppercase com lowercase no ultimo exemplo

    ResponderExcluir
  2. Anônimo, muito obrigada pela correção. Acho que está certinho agora. =)

    ResponderExcluir

Todos os comentários são moderados pela autora do blog.