text-decoration-line касиети

text-decoration-line касиети тексттин сызыгынын орношун коёт. Бул касиетти text-decoration-style жана text-decoration-color касиеттери менен бирге колдонуу керек. Бул касиеттер text-decoration касиетинин таасирин кеңейтип, анын жогорку деңгээлдеги аналогиясы болуп саналат.

Синтаксис

селектор {
	text-decoration-line: underline | line-through | overline | none;
}

Маанилери

Маани	Сүрөттөмө
`underline`	Асты сызылган текстти түзөт.
`line-through`	Өткөрүлгөн текстти түзөт.
`overline`	Тексттин үстүнө сызык чыгарат.
`none`	Асты сызылган элементтин астын сызууну жокко чыгарат. Көбүнчө шилтемелер үчүн колдонулат, анткени алар демейки абалда асты сызылган болот.

Демейки мааниси: none. Шилтемелер үчүн демейки мааниси: underline.

Мисал

Келгиле, текстти кызыл сызык менен өткөрөлү:

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

#elem {
	text-decoration-style: solid;
	text-decoration-color: red;
	text-decoration-line: line-through;
}