text-decoration-line xususiyati

text-decoration-line xususiyati matndagi chiziqning joylashishini belgilaydi. Ushbu xususiyat text-decoration-style va text-decoration-color xususiyatlari bilan birgalikda qo‘llanilishi kerak. Ushbu xususiyatlar text-decoration xususiyatining ta'sirini kengaytirib, undan yanada rivojlangan analog hisoblanadi.

Sintaksis

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

Qiymatlar

Qiymat	Tavsif
`underline`	Matnni tagiga chizilgan qiladi.
`line-through`	Matnni ustiga chizilgan qiladi.
`overline`	Matn ustidan chiziq chizadi.
`none`	Tagiga chizilgan elementning chizig‘ini bekor qiladi. Ko‘pincha havolalar uchun ishlatiladi, chunki ular standart holatda tagiga chizilgan bo‘ladi.

Standart qiymat: none. Havolalar uchun standart qiymat: underline.

Misol

Keling, matnni qizil chiziq bilan ustiga chizamiz:

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

Результат: