Lastnost text-decoration-style
Lastnost text-decoration-style spreminja
tip črte pri besedilu: enojna črta, dvojna,
v obliki pik, v obliki črtic, valovita črta.
Lastnost je priporočljivo uporabljati skupaj z
lastnostma text-decoration-line
in text-decoration-color.
Te lastnosti razširjajo delovanje lastnosti
text-decoration,
saj so njeni naprednejši analogi.
Sintaksa
selektor {
text-decoration-line: solid | double | dotted | dashed | wavy;
}
Vrednosti
| Vrednost | Opis |
|---|---|
solid |
Polna črta. |
double |
Dvojna črta. |
dotted |
Črta v obliki pik. |
dashed |
Črta v obliki črtic. |
wavy |
Valovita črta. |
Privzeta vrednost: solid.
Primer . Vrednost wavy
Besedilo bo zdaj podčrtano z rdečo valovito črto:
<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
Besedilo bo zdaj podčrtano z rdečo črto v obliki pik:
<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
Besedilo bo zdaj prečrtano z rdečo dvojno črto:
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-decoration-style: double;
text-decoration-color: red;
text-decoration-line: line-through;
}
:
