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

Результат: