上に線が付いた <p> 要素を表示します:
p
{
-moz-text-decoration-line: overline; /* Code for Firefox */
text-decoration-line: overline;
}
Try it Yourself ❯
text-decoration-line プロパティは、装飾（線）があれば、線の種類を指定します。
注: text-decoration-line、text-decoration-style、text-decoration-color プロパティに対する ショートハンドプロパティの text-decoration プロパティを使用して、 text-decoration-line を設定することもできます。
注: テキストの上下に上線と下線を表示するなど、1つ以上の値を組み合わせることもできます。
| デフォルト値： | なし |
|---|---|
| 継承： | 継承する |
| アニメーション可否： | 不可。animatable を参照 |
| バージョン： | CSS3 |
| JavaScript 構文： | object.style.textDecorationLine="overline" Try it |
表中の数字は、完全にプロパティをサポートした最初のブラウザのバージョンです。
-moz- の後に続く数字 は、接頭辞付きで動作した最初のバージョンです。
| プロパティ | |||||
|---|---|---|---|---|---|
| text-decoration-line | 未サポート | 未サポート | 6.0 -moz- | 未サポート | 未サポート |
text-decoration-line: none|underline|overline|line-through|initial|inherit;
| 値 | 説明 | Play it |
|---|---|---|
| なし | デフォルト値。テキスト装飾用の線を指定しません | Play it ❯ |
| underline | テキストの下に表示する線を指定します | Play it ❯ |
| overline | テキストの上に表示する線を指定します | Play it ❯ |
| line-through | テキストの中央を貫く線を指定します | Play it ❯ |
| initial | プロパティにデフォルト値を設定します。initial を参照 | Play it ❯ |
| inherit | このプロパティは親要素を継承します。inherit を参照 |
CSS チュートリアル： CSS Text
HTML DOM リファレンス：textDecorationLine プロパティ