Sublinhar, traçado, etc.
- O atributo text-decoration pode assumir 5 valores:
| Valores |
Resultado |
| none |
www.ricardo.horta.nom.br |
| underline |
www.ricardo.horta.nom.br |
| overline |
www.ricardo.horta.nom.br |
| line-through |
www.ricardo.horta.nom.br |
| blink |
www.ricardo.horta.nom.br |
- none, é muito utilizado na formatação dos textos com links, que, por default,
apresentam-se, inicialmente, sublinhados.
- Para exibi-los sem aquele traço caracteristico, você precisa definir a formatação dos links
entre as tags
<style type="text/css"><
A:link { text-decoration:none }
A:visited { text-decoration:none }
A:active { text-decoration:none }
</style>
- No exemplo acima, você define que os 3 tipos de links ( o que ainda não foi
visitado, o que foi visitado e o ativo ) não serão sublinhados.
- Você pode, também, defini-los numa só linha: A:link, A:visited, A:active { text-decoration:none }
- O resultado será o mesmo.
- No meu site, eu utilizo os links com text-decoration igual a none. ( mas aí é
questão de gosto pessoal e este assunto é meio perigoso ).
Parcerias RicardoHorta.Net
RicardoHorta.Net
Parcerias RicardoHorta.Net
www.ricardohorta.net - Direitos adquiridos - Autor: Ricardo Horta do Nascimento - 19/01/2001
