A propriedade text-decoration permite colocar (ou tirar) sublinhados, linhas sobre e atravessando o texto, etc.
Sintaxe:
text-decoration: underline (default em links)
text-decoration: overline
text-decoration: line-through
text-decoration: blink
text-decoration: none (default)
Exemplos:
<html>
<head>
<style>
.und {text-decoration: underline}
.ovr {text-decoration: overline}
.blk {text-decoration: blink}
.lin {text-decoration: line-through}
.non, .non a {text-decoration: none}
</style>
</head>
<body>
<p><span>Underline. <a href="#">Link</a></span> -----
<span>Overline. <a href="#">Link</a></span></p>
<p><span>Blink. <a href="#">Link</a></span> -----
<span>Line-through. <a href="#">Link</a></span> -----
<span>None. <a href="#">Link</a></span></p>
</body>
</html>
Fica assim:
Vínculos (links) são normalmente sublinhados na maior parte dos browsers.
O sublinhado pode ser removido com a propriedade text-decoration: none.
O browser Netscape 4 não suporta a propriedade overline. O Internet Explorer não suporta a propriedade blink.
- Introdução ao CSS
- Propriedades do CSS visibility e z-index
- Propriedades do CSS padding
- A propriedade CSS list style
- A propriedade CSS background-image
| < Anterior | Próximo > |
|---|
A propriedade CSS Text-decoration 



