Entendendo o atributo text-transform

Dentro do CSS, existem diversos atributos para as mais diversas funções, uma delas é o text-transform.

O text-transform faz com que o texto obedeça a algum estilo de formatação, como completamente maiúsculo, minúsculo ou com a inicial de cada palavra maiúscula.

Este é um texto exemplo.

Quando adicionado o atributo text-transform: uppercase; , todo o texto fica maiúsculo.
Este é um texto exemplo. 

Quando adicionado o atributo text-transform: lowercase; , todo o texto fica minúsculo.
Este é um texto exemplo. 

Quando adicionado o atributo text-transform: capitalize; , todo o texto fica com as iniciais maiúsculas e o restanto de texto minúsculo.
Este é um texto exemplo. 
Compartilhe no Facebook
Compartilhe no Twitter
Compartilhe no Google+

6 comentários, comente também!

  1. Que fácil :) É bem útil quando alguma fonte fica feia em minúsculo.

    etcforme.blogspot.com

    ResponderExcluir
  2. Que legal!! acho bem útil, tem alguns font face que fica melhores todo maiúsculo, uahus :3

    kawaii-things.net

    ResponderExcluir
    Respostas
    1. Exatamente! Uso muito em fontes pixel. :3

      Excluir
  3. ASHASUHAUSHAUH'.
    Bom post ♥

    http://little-worldoficial.blogspot.com.br/

    ResponderExcluir
  4. Amei <3

    http://cupcakedcapas.blogspot.com/

    ResponderExcluir
  5. Já sabia o tutorial, é muito útil >3< Poderia postar aquele tutorial de personalizar o footer do blog com imagem? Aquele do lay da Miley, azul com rosa, e tal.

    www.c-astle.blogspot.com.br

    ResponderExcluir

• Peça tutoriais em 'Contato'
• Comente com o link do seu blog para que eu posso visita-lo
• Você pode usar as Tags negrito, itálico, links...

Créditos



O Projeto Aurora foi criado completamente, com tutoriais disponíveis no blog, por mim, Alan Felipe Jantz.

Para as postagens 'reblogadas', os créditos do local de origem dos tutoriais está no final da postagem.

Todos os ícones utilizados neste template foram pegos no flaticon.com, todos os direitos reservados para os autores dos mesmos.





Algo que é seu está aqui, mas não foi creditado?
Entre em contato clicando na aba 'Contato' do menu para receber seus créditos!
BouquetNOVO
The Only ExceptionNOVO
Wide AwakeNOVO
Simple BaseNOVO
NatureNOVO
Why so Pink?NOVO
Why So Blue?NOVO