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

Результат: