თვისება 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;
}