例
段落の下に波線を表示します。
document.getElementById("myP").style.textDecorationStyle = "wavy";
»それを自分で試してみてください 定義と使用法
textDecorationStyleプロパティセットや戻りどの行があれば、表示されます。
ブラウザのサポート
textDecorationStyleプロパティは、主要なブラウザのいずれかでサポートされていません。
Firefoxは、代替、MozTextDecorationStyleプロパティをサポートしています。
構文
textDecorationStyleプロパティを返します：
object .style.textDecorationStyle textDecorationStyleプロパティを設定します。
object .style.textDecorationStyle="solid|double|dotted|dashed|wavy|initial|inherit"
プロパティ値
| 値 | 説明 |
|---|---|
| solid | デフォルト値。 行が1行に表示されます |
| double | ラインは、二重線として表示されます |
| dotted | ラインは点線で表示されます |
| dashed | ラインは破線として表示されます |
| wavy | ラインは、波線として表示されます |
| initial | このプロパティがデフォルト値に設定します。 最初の記事を読みます |
| inherit | その親要素からこのプロパティを継承します。 継承についての記事を読みます |
技術的な詳細
| デフォルト値： | 固体 |
|---|---|
| 戻り値： | 要素のテキストの装飾スタイルのプロパティを表す文字列、 |
| CSSのバージョン | CSS3 |
関連ページ
CSSリファレンス： text-decoration-style property
<スタイルオブジェクト