例
表示<p>一番上の行を持つ要素：
p
{
-moz-text-decoration-line: overline; /* Code for Firefox */
text-decoration-line: overline;
}
»それを自分で試してみてください 定義と使用法
テキストの装飾ラインプロパティがあれば、装飾がありますラインの種類を指定します。
あなたはまた、テキストの装飾のプロパティを使用して、テキストの装飾ラインを設定することができ、テキストの装飾ライン、テキストの装飾スタイルのためのショートハンドプロパティである、およびテキストの装飾色の特性：注意してください 。
注：また、テキストの下と上で両方のラインを表示するには、下線と上線のように、複数の値を組み合わせることができます。
| デフォルト値： | none |
|---|---|
| 継承されました： | no |
| アニメーション： | no. Read about animatable |
| バージョン： | CSS3 |
| JavaScriptシンタックス： | object .style.textDecorationLine="overline" Try it |
ブラウザのサポート
表中の数字は完全にプロパティをサポートする最初のブラウザのバージョンを指定します。
-moz-に続く数字は接頭辞で働いていた最初のバージョンを指定します。
| プロパティ | |||||
|---|---|---|---|---|---|
| text-decoration-line | サポートされていません | サポートされていません | 6.0 -moz- | サポートされていません | サポートされていません |
CSSの構文
text-decoration-line: none|underline|overline|line-through|initial|inherit;プロパティ値
| 値 | 説明 | それを再生します |
|---|---|---|
| none | デフォルト値。 テキストの装飾のための行を指定しません | それを再生します» |
| underline | 行がテキストの下に表示されることを指定します | それを再生します» |
| overline | 行がテキストの上に表示されることを指定します | それを再生します» |
| line-through | 行がテキストを表示することを指定します | それを再生します» |
| initial | このプロパティがデフォルト値に設定します。 初期についての記事を読みます | それを再生します» |
| inherit | その親要素からこのプロパティを継承します。 継承についての記事を読みます |
関連ページ
CSSチュートリアル： CSSテキスト
HTML DOMリファレンス： textDecorationLine property