| 属性名 | 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 | 非推奨。テキストを点滅させます。 |
.underline {
text-decoration-line: underline;
}
.overline {
text-decoration-line: overline;
}
.line-through {
text-decoration-line: line-through;
}
<span class="underline">下線</span> <span class="overline">上線</span> <span class="line-through">打消し線</span>