Sifa text-decoration-style

Sifa text-decoration-style inabadilisha aina ya mstari kwenye maandishi: mstari mmoja, maradufu, kwa namna ya nukta, kwa namna ya dashi, mstari wa wavy.

Sifa inapaswa kutumika pamoja na sifa text-decoration-line na text-decoration-color. Sifa hizi zinapanua utendakazi wa sifa text-decoration, kuwa mbadala wa hali ya juu zaidi.

Syntax

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

Thamani

Thamani	Maelezo
`solid`	Mstari thabiti.
`double`	Mstari maradufu.
`dotted`	Mstari kwa namna ya nukta.
`dashed`	Mstari kwa namna ya dashi.
`wavy`	Mstari wa wavy.

Thamani chaguomsingi: solid.

Mfano . Thamani wavy

Sasa maandishi yatakuwa yamepigia mstari wa wavy nyekundu:

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

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

Результат:

Mfano . Thamani dotted

Sasa maandishi yatakuwa yamepigia mstari wa nukta nyekundu:

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

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

Результат:

Mfano . Thamani double

Sasa maandishi yatakuwa yamevuka mstari maradufu nyekundu:

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

Результат: