よもやまチョモランマ

打ち消し線バリエーション

ものすごく初歩的なタグなんだけど、たま~にしか使わないから、毎回調べるハメになるので残しておきます。

 
打ち消し線

<span style="text-decoration:line-through;">
打ち消し線
</span>

 
 
打ち消し線に色を付けたいときは spanを二重にする

打ち消し線に色を付けたいときは 
<span style="color:red;"><span style="text-decoration:line-through;"><span style="color:black;">
spanを二重にする
</span></span>

 
 
さらに赤文字を添えたいときは spanは三重になります ね

さらに赤文字を添えたいときは 
<span style="color:red;"><span style="text-decoration:line-through;"><span style="color:black;">
spanは三重になります
</span></span>
 ね
</span>

 
 
ちなみに、<s> <del> <strike> でも打ち消し線はひかれますが、HTML5で定義がうるさくなりましたので、使う時には注意が必要です。

<s> は「取り消し」という意味。
<del> は「削除」という意味。
<strike> にいたっては廃止となりました。

prev post ≫