「CSS」text-decoration で文字に線の位置を引くサンプル

2021年8月24日

書式
text-decoration: xxx
使用例
1.取り消し線line-through

<style>
  .cft {
    text-decoration: line-through;
  }
</style>
<p class="cft">12345678</p>

2.下線 underline

<style>
  .cft {
    text-decoration: underline;
  }
</style>
<p class="cft">11111</p>

3.上線 overline

<style>
  .cft {
    text-decoration: overline;
  }
</style>
<div class="cft">11111</div>

4.二重線double

<style>
  .cft {
    text-decoration: underline double green;
  }
</style>
<div class="cft">11111</div>