Ī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

cssselektors {
  text-decoration-line: solid | double | dotted | dashed | wavy;
}

Vērtības

Noklusējuma vērtība: solid.

Piemērs . Vērtība wavy

Tagad teksts kļūs pasvītrots ar sarkanu viļņotu līniju:

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>

css#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ā:

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>

css#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:

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>

css#elem {
  text-decoration-style: double;
  text-decoration-color: red;
  text-decoration-line: line-through;
}

Результат: