プログラミング

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

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

{text-decoration-line: 位置;}

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

text-decoration-lineの指定方法

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

none

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

underline

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

下線が引かれています。

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

overline

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

上部に線が引かれています。

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

line-through

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

中央に線が引かれています。

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

1 Comment

Leave a Comment