⌘K

Propriedade text-decoration

A propriedade text-decoration adiciona vários efeitos ao texto: sublinhado, tachado, linha acima.

Sintaxe

cssseletor {
  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

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>
css#elem {
  text-decoration: underline;
}

Результат:

Exemplo . Valor line-through

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>
css#elem {
  text-decoration: line-through;
}

Результат:

Exemplo . Valor overline

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>
css#elem {
  text-decoration: overline;
}

Результат:

Veja também

BackPropriedade text-alignNextPropriedade text-decoration-line