最終更新日 2021年6月17日

text-decoration-lineプロパティ

text-decoration-lineは、文字の装飾線の位置を指定するプロパティです。

複数の値を組み合わせて指定することも可能です。その場合は、半角スペースで区切って列挙します。

文字の装飾線に関する値をまとめて指定する場合は、text-decorationを使用します。

CSS3での変更点

・text-decoration-lineは、CSS3から新しく追加されたプロパティです。

初期値	適用先	継承
none	すべての要素	なし

値	説明
none	文字の装飾線は表示されません。（初期値）
underline	文字の下に装飾線が付きます。
overline	文字の上に装飾線が付きます。
line-through	文字に打ち消し線が付きます。

サンプルコード

text-decoration-line: none;
text-decoration-line: underline;
text-decoration-line: overline;
text-decoration-line: line-through;
text-decoration-line: underline overline;
text-decoration-line: underline overline line-through;

参考文献：CSS Text Level 3

当サイトの活動をサポートしてみませんか？気軽にクリエイターの支援ができます。