Xüsusiyyət text-decoration-line

Xüsusiyyət text-decoration-line mətndə xəttin yerləşməsini təyin edir. Xüsusiyyət istifadə edilərkən text-decoration-style və text-decoration-color xüsusiyyətləri ilə birlikdə istifadə edilməlidir. Bu xüsusiyyətlər text-decoration xüsusiyyətinin təsirini genişləndirir və daha inkişaf etmiş analoqlardır.

Sintaksis

cssselektor {
  text-decoration-line: underline | line-through | overline | none;
}

Dəyərlər

Dəyər	Açıqlama
`underline`	Altıxətli mətn yaradır.
`line-through`	Üstündən xətli mətn yaradır.
`overline`	Xətti mətnin üstündə yaradır.
`none`	Altıxətli elementin altıxətli olmasını ləğv edir. Ən çox keçidlər üçün istifadə olunur, çünki onlar standart olaraq altıxətlidir.

Standart dəyər: none. Keçidlər üçün standart dəyər: underline.

Nümunə

Gəlin mətni qırmızı xətt ilə üstündən xətləyək:

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;
}

Результат: