13. Text-transform

07/04/2013 | |
Outra coisinha bem simples também e bem rápida para aprender, então é só presta atenção e pronto. Na verdade, esse tipo de coisa nem é entendimento, é somente para vocês decorarem mesmo. Vamos ver como funciona o text-transform?

1. Estrutura

Também é usado em texto e muito simples de usar, vejam:

.seletor {
font-family: Tahoma;
font-size: 10px;
font-color: #ffccff;
text-decoration: underline;
text-transform: valor;
}

Já conhecemos todos acima e acabamos de aprender mais um recentemente, este também é muito fácil. Apenas vejam os valores que podem aplicar e pronto. Vamos lá?


2. Valores


uppercase: todas as letras ficam maiúsculas.

lowercase: todas as letras ficam minúsculas.

capitalize: todas as palavras começarão com letra maiúscula.

none: nada alterado.

Fácil, não é mesmo? Eu avisei u_u Até a próxima lição ~