Vlastnost text-decoration-style
Vlastnost text-decoration-style mění
typ čáry u textu: jednoduchá čára, dvojitá,
v podobě teček, v podobě čárek, vlnovka.
Vlastnost by se měla používat společně s
vlastnostmi text-decoration-line
a text-decoration-color.
Tyto vlastnosti rozšiřují působenost vlastnosti
text-decoration,
protože jsou její pokročilejší alternativou.
Syntaxe
selektor {
text-decoration-line: solid | double | dotted | dashed | wavy;
}
Hodnoty
| Hodnota | Popis |
|---|---|
solid |
Plná čára. |
double |
Dvojitá čára. |
dotted |
Čára v podobě teček. |
dashed |
Čára v podobě čárek. |
wavy |
Vlnová čára. |
Výchozí hodnota: solid.
Příklad . Hodnota wavy
Nyní bude text podtržen červenou vlnovkou:
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-decoration-style: wavy;
text-decoration-color: red;
text-decoration-line: underline;
}
:
Příklad . Hodnota dotted
Nyní bude text podtržen červenou čárou v podobě teček:
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-decoration-style: dotted;
text-decoration-color: red;
text-decoration-line: underline;
}
:
Příklad . Hodnota double
Nyní bude text přeškrtnut červenou dvojitou čárou:
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-decoration-style: double;
text-decoration-color: red;
text-decoration-line: line-through;
}
:
