text-decoration-lineで線の位置を指定【CSS】

text-decoration-lineは文字に傍線を引くときの位置を指定するプロパティです。

下線を引いたり、文字中央に線を引いて取り消し線を表したりすることができ、あまり使う機会がないかもしれませんが、文字の上部に線を引くこともできます。

text-decoration-lineの指定方法

text-decoration-lineプロパティで指定できる値には以下のようなものがあります。

none

noneを指定すると、文字に傍線は引かれません。

underline

underlineを指定すると、文字に下線が引かれます。

※環境によっては反映されないことがあります。

overline

overlineを指定すると、文字の上部に線が引かれます。

※環境によっては反映されないことがあります。

line-through

line-throughを指定すると、文字の中央に線が引かれて、取り消し線や打ち消し線のようになります。

※環境によっては反映されないことがあります。