თვისება text-decoration
თვისება text-decoration ამატებს
ტექსტს სხვადასხვა ეფექტებს: ხაზგასმა,
გადახაზვა, ხაზი ზემოდან.
სინტაქსი
სელექტორი {
text-decoration: underline | line-through | overline | none;
}
მნიშვნელობები
| მნიშვნელობა | აღწერა |
|---|---|
underline |
ქმნის ხაზგასმულ ტექსტს. |
line-through |
ქმნის გადახაზულ ტექსტს. |
overline |
ქმნის ხაზს ტექსტის ზემოთ. |
none |
აუქმებს ხაზგასმას ხაზგასმული ელემენტისთვის. ყველაზე ხშირად გამოიყენება ბმულებისთვის, რადგან ისინი ნაგულისხმევად არის ხაზგასმული. |
ნაგულისხმევი მნიშვნელობა: none. ბმულებისთვის
ნაგულისხმევი მნიშვნელობა: underline.
მაგალითი . მნიშვნელობა underline
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-decoration: underline;
}
:
მაგალითი . მნიშვნელობა line-through
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-decoration: line-through;
}
:
მაგალითი . მნიშვნელობა overline
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-decoration: overline;
}
:
იხილეთ აგრეთვე
-
თვისება
text-decoration-style,
რომელიც საშუალებას აძლევს ხაზის ტიპის შეცვლას -
თვისება
text-decoration-color,
რომელიც საშუალებას აძლევს ხაზის ფერის შეცვლას -
თვისება
text-decoration-line,
რომელიც საშუალებას აძლევს ხაზის პოზიციის შეცვლას