text-decoration сипаттамасы

text-decoration сипаттамасы мәтінге әртүрлі эффекттер қосады: астын сызу, сызып тастау, үстінен сызу.

Синтаксис

cssселектор {
  text-decoration: 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: underline;
}

Результат:

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>

css#elem {
  text-decoration: line-through;
}

Результат:

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>

css#elem {
  text-decoration: overline;
}

Результат: