text-decoration プロパティ
プロパティ text-decoration は
テキストにさまざまな効果を追加します：下線、
打消し線、上線。
構文
セレクター {
text-decoration: underline | line-through | overline | none;
}
値
| 値 | 説明 |
|---|---|
underline |
下線付きのテキストを作成します。 |
line-through |
打消し線付きのテキストを作成します。 |
overline |
テキストの上に線を作成します。 |
none |
要素の下線を取り消します。デフォルトで下線が引かれる リンクに最もよく使用されます。 |
デフォルト値： none。リンクの
デフォルト値： underline。
例 . underline 値
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-decoration: underline;
}
:
例 . line-through 値
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-decoration: line-through;
}
:
例 . overline 値
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-decoration: overline;
}
:
関連項目
-
プロパティ
text-decoration-style,
線の種類を変更できます -
プロパティ
text-decoration-color,
線の色を変更できます -
プロパティ
text-decoration-line,
線の位置を変更できます
