Letras em maiúsculo com CSS

Olá pessoal, meu último post foi sobre como colocar letras em maiúsculo utilizando ASP. Pois bem, existem maneiras mais fáceis. Uma delas é utilizar CSS. Sim, utilizando CSS podemos simplificar muitas coisas que antes fazíamos com ASP, JavaScript e outras como ASP.

Comparem o post anterior com o código abaixo:

Primeiro caso: Todas em Maiúsculo.

  1. Primeiro criamos uma tag, pode ser qualquer que aceite “style”.(span, p, div…)
  2. Vou utilizar “span”.
  3. <span style=”text-transform:uppercase“></span>
  4. Agora colocamos o texto:
  5. <span style=”text-transform:uppercase“>teste de palavras com letras em maiúsculo</span>
  6. Pronto! Nesse caso, todas as letras estão em maiúsculo.

Resultado: teste de palavras com letras em maiúsculo


Segundo caso: Primeira letra de cada palavra em Maiúsculo.

  1. Criamos outra tag.
  2. <span style=”text-transform:capitalize“></span>
  3. Agora colocamos o texto:
  4. <span style=”text-transform:capitalize“>teste de palavras com primeira letra em maiúsculo</span>
  5. Pronto!

Resultado: teste de palavras com primeira letra em maiúsculo

Bem mais simples!

1 Comentário »

  1. Gilmar disse

    Realmente muito util, mas com algumas considerações, isso não é programação em ASP e lembrando que com style somete a aparencia fica maiusculo se submeter a pagina ele não mantem esta caracteristica assim tendo que na linguagem dar o comando (ASP upercase) para tormar relmente a letra em maiuscula.

RSS feed para comentários neste post · URI do TrackBack

Deixe um comentário