Propriedade text-decoration-line
A propriedade text-decoration-line define
a posição da linha no texto.
A propriedade deve ser usada em conjunto com as
propriedades text-decoration-style
e text-decoration-color.
Essas propriedades estendem a ação da propriedade
text-decoration,
sendo análogos mais avançados.
Sintaxe
seletor {
text-decoration-line: underline | line-through | overline | none;
}
Valores
| Valor | Descrição |
|---|---|
underline |
Torna o texto sublinhado. |
line-through |
Torna o texto tachado. |
overline |
Coloca uma linha sobre o texto. |
none |
Remove o sublinhado 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
Vamos tachar o texto com uma linha vermelha:
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-decoration-style: solid;
text-decoration-color: red;
text-decoration-line: line-through;
}
:
