CSS - text-decoration-line
概要
| 属性名 | text-decoration-line |
|---|---|
| 値 | none | [ underline || overline || line-through || blink ] |
| 初期値 | none |
| 適用可能要素 | すべての要素 |
| 継承 | なし |
| サポート | https://caniuse.com/mdn-css_properties_text-decoration-line |
説明
テキストの装飾の種類を指定します。text-decoration で他の属性とまとめて指定することもできます。
| 値 | 説明 |
|---|---|
| none | 線を描画しません。 |
| underline | 下線を描画します。 |
| overline | 上線を描画します。 |
| line-through | 打消し線を描画します。 |
| blink | 非推奨。テキストを点滅させます。 |
使用例
CSS
.underline {
text-decoration-line: underline;
}
.overline {
text-decoration-line: overline;
}
.line-through {
text-decoration-line: line-through;
}
HTML
<span class="underline">下線</span> <span class="overline">上線</span> <span class="line-through">打消し線</span>
表示
下線
上線
打消し線
関連項目
text-decorationリンク
- https://developer.mozilla.org/ja/docs/Web/CSS/text-decoration-line
- https://drafts.csswg.org/css-text-decor/#text-decoration-line-property
Copyright (C) 2022 杜甫々
初版：2022年7月31日、最終更新：2022年7月31日
https://www.tohoho-web.com/css/prop/text-decoration-line.htm