Text-decoration-style häsiýeti

text-decoration-style häsiýeti tekstiň çyzygyň görnüşini üýtgedýär: ýekeje çyzyk, goşa, nokatlar şekilli, tire şekilli, tolkunly çyzyk.

Bu häsiýet bilen bilelikde text-decoration-line we text-decoration-color häsiýetlerini ulanmaly. Bu häsiýetler text-decoration häsiýetiniň täsirini giňeldýärler we onuň has ösen degişlileridir.

Sintaksis

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

Bahalar

Belli däl bahasy: solid.

Mysal . Wavy bahasy

Indi tekst gyzyl tolkunly çyzyk bilen aşaky çyzyljak:

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

css#elem {
  text-decoration-style: wavy;
  text-decoration-color: red;
  text-decoration-line: underline;
}

Результат:

Mysal . Dotted bahasy

Indi tekst gyzyl nokatlar şekilli çyzyk bilen aşaky çyzyljak:

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

css#elem {
  text-decoration-style: dotted;
  text-decoration-color: red;
  text-decoration-line: underline;
}

Результат:

Mysal . Double bahasy

Indi tekst gyzyl goşa çyzyk bilen çyzyklanjak:

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

Результат: