Īpašība text-decoration-style
Īpašība text-decoration-style maina
teksta līnijas veidu: vienota līnija, dubulta,
punktu veidā, domuzīmju veidā, viļņota līnija.
Īpašība jālieto kopā ar
īpašībām text-decoration-line
un text-decoration-color.
Šīs īpašības paplašina īpašības
text-decoration
darbību, būdotas progresīvāki analogi.
Sintakse
selektors {
text-decoration-line: solid | double | dotted | dashed | wavy;
}
Vērtības
| Vērtība | Apraksts |
|---|---|
solid |
Nepārtraukta līnija. |
double |
Dubulta līnija. |
dotted |
Līnija punktu veidā. |
dashed |
Līnija domuzīmju veidā. |
wavy |
Viļņota līnija. |
Noklusējuma vērtība: solid.
Piemērs . Vērtība wavy
Tagad teksts kļūs pasvītrots ar sarkanu viļņotu līniju:
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-decoration-style: wavy;
text-decoration-color: red;
text-decoration-line: underline;
}
:
Piemērs . Vērtība dotted
Tagad teksts kļūs pasvītrots ar sarkanu līniju punktu veidā:
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-decoration-style: dotted;
text-decoration-color: red;
text-decoration-line: underline;
}
:
Piemērs . Vērtība double
Tagad teksts kļūs pārsvītrots ar sarkanu dubultu līniju:
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-decoration-style: double;
text-decoration-color: red;
text-decoration-line: line-through;
}
:
