თვისება text-decoration-line

თვისება text-decoration-line აზუსტებს ტექსტთან ხაზის მდებარეობას. თვისების გამოყენება რეკომენდებულია თვისებებთან text-decoration-style და text-decoration-color ერთად. ეს თვისებები აფართოებენ text-decoration თვისების მოქმედებას, როგორც მისი მოწინავე ანალოგები.

სინტაქსი

cssსელექტორი {
  text-decoration-line: 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;
}

Результат: