MARTINS, Helen Fernanda Alves. Título do post. Goiânia, 20 nov. 2011. Disponível em: <http://www.meutedio.com.br/…>. Acesso em 05 fev. 2017.

terça-feira, 17 de março de 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.
Posts relacionados