text-decoration-line Özelliği

text-decoration-line özelliği, metnin çizgi konumunu belirler. Bu özellik, text-decoration-style ve text-decoration-color özellikleri ile birlikte kullanılmalıdır. Bu özellikler, daha gelişmiş alternatifler olarak, text-decoration özelliğinin etkisini genişletir.

Sözdizimi

cssseçici {
  text-decoration-line: underline | line-through | overline | none;
}

Değerler

Değer	Açıklama
`underline`	Metni altı çizili yapar.
`line-through`	Metni üstü çizili yapar.
`overline`	Metnin üstüne çizgi ekler.
`none`	Altı çizili bir öğenin alt çizgisini kaldırır. Varsayılan olarak altı çizili oldukları için en çok bağlantılarda kullanılır.

Varsayılan değer: none. Bağlantılar için varsayılan değer: underline.

Örnek

Metni kırmızı bir çizgiyle üstünü çizelim:

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>

css#elem {
  text-decoration-style: solid;
  text-decoration-color: red;
  text-decoration-line: line-through;
}

Результат: