text-decoration-styleプロパティの使い方・サンプルコード

<p>あいうえお<span class="spelling">かくきけこ</span>さしすせそ</p>

.spelling {
  text-decoration-line: underline;
  text-decoration-style: wavy;
  text-decoration-color: red;
}

<p>ここに<span class="lineblue">青い二重線</span>を引きます。</p>

.lineblue {
  text-decoration-line: line-through;
  text-decoration-style: double;
  text-decoration-color: blue;
}