Eienskap text-decoration-style

Eienskap text-decoration-style verander die tipe lyn vir teks: enkele lyn, dubbel lyn, in die vorm van punte, in die vorm van strepies, golwende lyn.

Die eienskap moet saam gebruik word met die eienskappe text-decoration-line en text-decoration-color. Hierdie eienskappe brei die werking van die eienskap text-decoration uit, aangesien dit meer gevorderde analoë is.

Sintaksis

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

Waardes

Waarde	Beskrywing
`solid`	Aaneenlopende lyn.
`double`	Dubbel lyn.
`dotted`	Lyn in die vorm van punte.
`dashed`	Lyn in die vorm van strepies.
`wavy`	Golwende lyn.

Standaardwaarde: solid.

Voorbeeld . Waarde wavy

Die teks sal nou onderstreep wees met 'n rooi golwende lyn:

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

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

Результат:

Voorbeeld . Waarde dotted

Die teks sal nou onderstreep wees met 'n rooi lyn in die vorm van punte:

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

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

Результат:

Voorbeeld . Waarde double

Die teks sal nou deurgehaal wees met 'n rooi dubbel lyn:

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

Результат: