⌘K

text-decoration プロパティ

プロパティ text-decoration は テキストにさまざまな効果を追加します：下線、 打消し線、上線。

構文

cssセレクター {
  text-decoration: underline | line-through | overline | none;
}

値

値 説明
underline 下線付きのテキストを作成します。
line-through 打消し線付きのテキストを作成します。
overline テキストの上に線を作成します。
none 要素の下線を取り消します。デフォルトで下線が引かれる リンクに最もよく使用されます。

デフォルト値： none。リンクの デフォルト値： underline。

例 . underline 値

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>
css#elem {
  text-decoration: underline;
}

Результат:

例 . line-through 値

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>
css#elem {
  text-decoration: line-through;
}

Результат:

例 . overline 値

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>
css#elem {
  text-decoration: overline;
}

Результат:

関連項目

Backtext-align プロパティNextプロパティ text-decoration-line