Posts Tagged letra em maiúsculo

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!

Comentários (1)