თვისება text-decoration

თვისება text-decoration ამატებს ტექსტს სხვადასხვა ეფექტებს: ხაზგასმა, გადახაზვა, ხაზი ზემოდან.

სინტაქსი

cssსელექტორი {
  text-decoration: underline | line-through | overline | none;
}

მნიშვნელობები

მნიშვნელობა აღწერა
underline ქმნის ხაზგასმულ ტექსტს.
line-through ქმნის გადახაზულ ტექსტს.
overline ქმნის ხაზს ტექსტის ზემოთ.
none აუქმებს ხაზგასმას ხაზგასმული ელემენტისთვის. ყველაზე ხშირად გამოიყენება ბმულებისთვის, რადგან ისინი ნაგულისხმევად არის ხაზგასმული.

ნაგულისხმევი მნიშვნელობა: none. ბმულებისთვის ნაგულისხმევი მნიშვნელობა: underline.

მაგალითი . მნიშვნელობა underline

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>
css#elem {
  text-decoration: underline;
}

Результат:

მაგალითი . მნიშვნელობა line-through

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>
css#elem {
  text-decoration: line-through;
}

Результат:

მაგალითი . მნიშვნელობა overline

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>
css#elem {
  text-decoration: overline;
}

Результат:

იხილეთ აგრეთვე

  • თვისება text-decoration-style,
    რომელიც საშუალებას აძლევს ხაზის ტიპის შეცვლას
  • თვისება text-decoration-color,
    რომელიც საშუალებას აძლევს ხაზის ფერის შეცვლას
  • თვისება text-decoration-line,
    რომელიც საშუალებას აძლევს ხაზის პოზიციის შეცვლას