Text-decoration-line hossasy

text-decoration-line hossasy tekstiň çyzygynyň ýerleşişini kesgitleýär. Bu hossasy, adatda, text-decoration-style we text-decoration-color hasaplary bilen bilelikde ulanylmaly. Bu hasasyýetler text-decoration hassasynyň täsirini giňeldýär we onuň has ösen wezipa-daşy görnüşidir.

Sintaksis

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

Görnüşleri

Görnüşi	Düşündirişi
`underline`	Aşaky çyzykly tekst döredýär.
`line-through`	Üstünden çyzylan tekst döredýär.
`overline`	Tekstiň üstündäki çyzygy döredýär.
`none`	Aşaky çyzykly elementleriň aşaky çyzygyny aýyrýar. Esasan, çyzykly hökmünde görkezilýän çykgytlar üçin ulanylýar.

Bellenen görnüşi: none. Çykgytlar üçin bellenen görnüşi: underline.

Mysal

Geliň, teksti gyzyl çyzyk bilen üstünden çyzalyň:

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

Результат: