Хосияти text-decoration-line

Хосияти text-decoration-line ҷойгиршавии хат дар матнро муайян мекунад. Ин хосият бояд ҳамроҳ бо хосиятҳои text-decoration-style ва text-decoration-color истифода шавад. Ин хосиятҳо амалияти хосияти text-decoration-ро васеъ мекунанд ва ба ҳамчун аналогҳои пешрафтатар мебошанд.

Синтаксис

cssинтихобкунанда {
  text-decoration-line: underline | line-through | overline | none;
}

Қиматҳо

Қимат	Тавсиф
`underline`	Матни зерхатдоршуда месозад.
`line-through`	Матни хаткашишуда месозад.
`overline`	Хатро болои матн месозад.
`none`	Зерхатдории унсури зерхатдорро бекор мекунад. Аксар вақт барои пайвандҳо истифода мешавад, зеро онҳо бо пешфарз зерхатдор мебошанд.

Қимати пешфарз: none. Барои пайвандҳо қимати пешфарз: underline.

Намуна

Биёед матнро бо хати сурх хат кунем:

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

Результат: