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