text-decoration

テキスト・フォント

テキストの装飾（下線、上線、取り消し線など）を指定するプロパティです。

構文

Syntax
text-decoration: <text-decoration-line> <text-decoration-style> <text-decoration-color>

コード例

例 1

text-decoration: underline;
実行結果

下線付きテキスト

下線を追加

例 2

text-decoration: line-through red;
実行結果

赤い取り消し線

赤い取り消し線

例 3

text-decoration: underline wavy blue;
実行結果

青い波線の下線

青い波線の下線

💡 TIPS

リンクのスタイリングでよく使用。noneでデフォルトの下線を削除。

関連プロパティ

ブラウザサポート

全ブラウザ対応