例
一番上の行と段落を表示します。
document.getElementById("myP").style.textDecorationLine = "overline";
»それを自分で試してみてください 定義と使用法
textDecorationLineプロパティセットや戻りラインの種類、もしあれば、装飾があります。
注：またtextDecorationLine、textDecorationStyle、およびtextDecorationColorプロパティのショートハンドプロパティであるtextDecorationプロパティを使用して、textDecorationLineを設定することができます。
注意：また、テキストの下と上の両方のラインを表示するには、下線と上線のように、複数の値を組み合わせることができます。
ブラウザのサポート
textDecorationLineプロパティは、主要なブラウザのいずれかでサポートされていません。
Firefoxは、代替、MozTextDecorationLineプロパティをサポートしています。
構文
textDecorationLineプロパティを返します：
object .style.textDecorationLine textDecorationLineプロパティを設定します。
object .style.textDecorationLine="none|underline|overline|line-through|initial|inherit"
プロパティ値
| 値 | 説明 |
|---|---|
| none | デフォルト値。 テキストの装飾のための行を指定しません |
| underline | 行がテキストの下に表示されることを指定します |
| overline | 行がテキストの上に表示されることを指定します |
| line-through | 行がテキストを表示することを指定し |
| initial | このプロパティがデフォルト値に設定します。 最初の記事を読みます |
| inherit | その親要素からこのプロパティを継承します。 継承についての記事を読みます |
技術的な詳細
| デフォルト値： | なし |
|---|---|
| 戻り値： | 要素のテキストの装飾ラインプロパティを表す文字列、 |
| CSSのバージョン | CSS3 |
関連ページ
CSSリファレンス： text-decoration-line property
<スタイルオブジェクト