12. Text-decoration

07/04/2013 | |
Olá, pessoal. Essa próxima lição também é muito simples, como nome do blog já diz, essa é a parte básica do html e como já aprenderam a estrutura, todo os resto fica bem fácil. O próximo passo é aprender sobre o text-decoration, muito simples.

1. Estrutura

O text-decoration é usado em textos, como já devem saber, então a estrutura será a seguinte:

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

Já aprendemos tudo acima e agora estamos no text-decoration. A propriedade é exatamente esta, então agora vamos ver quais são os valores que podemos colocar.


2. Valores

- underline: Texto sublinhado, com uma linha abaixo dele.
- overline: Texto com uma linha acima dele.
- underline overline: texto com uma linha acima e abaixo dele.
line-through: texto semelhante ao riscado, com uma linha passo pela metade do texto.
- none: sem nada.

Apenas isso, bem fácil, não? Até a próxima lição.