<ol>
  <li>これは<span class="u01">普通の下線</span>。</li>
  <li>これは<span class="u02">取り消し線</span>。</li>
  <li>これは<span class="u03">下線の色を変えたいとき。</span></li>
  <li>これは<span class="u04">線の太さを変えるよ</span></li>
  <li>これは<span class="u05">二重線</span></li>
  <li>これは<span class="u06">点線</span></li>
  <li>これは<span class="u07">破線</span></li>
  <li>これは<span class="u08">波線</span></li>
  <li>これは<span class="u09">上線</span></li>
  <li>これは<span class="u10">上線と下線の合体技</span></li>
  <li>これは<span class="u11">文字と線との幅をつけるよ</span></li>
  <li>これは線の引き方を変えるよ。<span class="u12_1">parapsychologists</span>
  / <span class="u12_2">parapsychologists</span> </li>
</ol>

ol li{
  margin:20px 0;
  font-size:17px;
}
.u01 {
  text-decoration: underline;
}

.u02 {
  text-decoration: line-through;
}

.u03 {
  text-decoration: underline orange;
}

.u04 {
  text-decoration: underline 5px;
}

.u05 {
  text-decoration: underline double;
}

.u06 {
  text-decoration: underline dotted;
}

.u07 {
  text-decoration: underline dashed;
}

.u08 {
  text-decoration: underline wavy;
}

.u09 {
  text-decoration: overline;
}

.u10 {
  text-decoration: underline overline;
}

.u11 {
  text-decoration: underline;
  text-underline-offset: 15px;
}
.u12_1 {
  text-decoration: underline;
  text-decoration-skip-ink: auto;
}
.u12_2 {
  text-decoration: underline;
  text-decoration-skip-ink: none;
}