Loading
carregando...

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.

Primeiro criamos uma tag, pode ser qualquer que aceite "style".(span, p, div…)
Vou utilizar "span".

  1.  
  2. <span style="text-transform:uppercase;"></span>
  3.  



Agora colocamos o texto:

  1.  
  2. <span style="text-transform:uppercase;">teste de palavras com letras em maiúsculo</span>
  3.  


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.
Criamos outra tag.

  1.  
  2. <span style="text-transform:capitalize;"></span>
  3.  


Agora colocamos o texto:

  1.  
  2. <span style="text-transform:capitalize;">teste de palavras com primeira letra em maiúsculo</span>
  3.  



Pronto!

Resultado: Teste De Palavras Com Primeira Letra Em Maiúsculo

Bem mais simples!


Autor: Darc Web - Soluções web
Data: 14/02/2014 11:02:15