最終更新日

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外部リンク
HOME