Propriedade text-decoration
A propriedade text-decoration adiciona
vários efeitos ao texto: sublinhado,
tachado, linha acima.
Sintaxe
seletor {
text-decoration: underline | line-through | overline | none;
}
Valores
| Valor | Descrição |
|---|---|
underline |
Cria texto sublinhado. |
line-through |
Cria texto tachado. |
overline |
Cria uma linha acima do texto. |
none |
Remove a decoração de um elemento sublinhado. É mais comumente usado para links, pois eles são sublinhados por padrão. |
Valor padrão: none. Para links
o valor padrão é: underline.
Exemplo . Valor underline
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-decoration: underline;
}
:
Exemplo . Valor line-through
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-decoration: line-through;
}
:
Exemplo . Valor overline
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-decoration: overline;
}
:
Veja também
-
a propriedade
text-decoration-style,
que permite alterar o tipo de linha -
a propriedade
text-decoration-color,
que permite alterar a cor da linha -
a propriedade
text-decoration-line,
que permite alterar a posição da linha
