Svojstvo text-decoration-style
Svojstvo text-decoration-style menja
tip linije kod teksta: pojedinačna linija, dvostruka,
u vidu tačaka, u vidu crtica, talasasta linija.
Svojstvo treba koristiti zajedno sa
svojstvima text-decoration-line
i text-decoration-color.
Ova svojstva proširuju delovanje svojstva
text-decoration,
jer su napredniji analozi.
Sintaksa
selektor {
text-decoration-style: solid | double | dotted | dashed | wavy;
}
Vrednosti
| Vrednost | Opis |
|---|---|
solid |
Puna linija. |
double |
Dvostruka linija. |
dotted |
Linija u vidu tačaka. |
dashed |
Linija u vidu crtica. |
wavy |
Talasasta linija. |
Podrazumevana vrednost: solid.
Primer . Vrednost wavy
Sada će tekst biti podvučen crvenom talasastom linijom:
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-decoration-style: wavy;
text-decoration-color: red;
text-decoration-line: underline;
}
:
Primer . Vrednost dotted
Sada će tekst biti podvučen crvenom linijom u vidu tačaka:
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-decoration-style: dotted;
text-decoration-color: red;
text-decoration-line: underline;
}
:
Primer . Vrednost double
Sada će tekst biti precrtan crvenom dvostrukom linijom:
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-decoration-style: double;
text-decoration-color: red;
text-decoration-line: line-through;
}
:
