Savybė text-decoration-style

Savybė text-decoration-style keičia teksto linijos tipą: vieninte linija, dviguba, taškų pavidalu, brūkšnių pavidalu, banguota linija.

Ši savybė turėtų būti naudojama kartu su savybėmis text-decoration-line ir text-decoration-color. Šios savybės išplečia savybės text-decoration veikimą, būdamos pažangesniais atitikmenimis.

Sintaksė

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

Reikšmės

Numatytoji reikšmė: solid.

Pavyzdys . Reikšmė wavy

Dabar tekstas bus pabrauktas raudona banguota linija:

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

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

Результат:

Pavyzdys . Reikšmė dotted

Dabar tekstas bus pabrauktas raudona linija taškų pavidalu:

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

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

Результат:

Pavyzdys . Reikšmė double

Dabar tekstas bus perbrauktas raudona dviguba linija:

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

Результат: