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

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

Vrednosti

Privzeta vrednost: solid.

Primer . Vrednost wavy

Besedilo bo zdaj podčrtano z rdečo valovito črto:

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

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

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

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

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;
}

Результат: