CSS リファレンスマニュアル

CSS @ルール(RULES)

CSS 属性完全ガイド

CSS text-indent 属性 CSS3 text-decoration-line 属性

CSS3 text-decoration-style 属性使用方法及示例

text-decoration-style CSS属性指定文本修饰要使用的线条类型。

注意：您也可以使用 text-decoration 属性设置 text-decoration-line。text-decoration 属性は text-decoration-line、text-decoration-style と text-decoration-color 属性のショートカット属性。

以下のテーブルは、この属性の使用方法とバージョン履歴、およびJavaScriptスクリプトでの使用方法を説明しています。

デフォルト値：	solid
適用範囲：	すべての要素。::firstも適用されます。-letterおよび::first-line。
継承：	ありません
アニメーション可能：	いいえ。参照してくださいアニメーション属性。
バージョン：	CSS3の新機能
JavaScriptの構文：	object.style.textDecorationStyle="wavy"

text-decoration-styleの使用方法の構文

この属性の構文は以下の通りです：

text-decoration-style:　[solid | double | dotted | dashed | wavy] one or more values | initial | inherit

以下の例では、textの使用方法を示しています。-decoration-style属性。

例

p　{
　　　　text-decoration:　underline;
　　　　-Firefox-text-decoration-style:　dotted;　/*　Firefox　*/
　　　　text-decoration-style:　dotted;　
}

テストをしてみる‹/›

属性値

以下のテーブルはこの属性の値を説明しています。

値	説明
solid	この線は実線で表示されます。デフォルト値です。
double	この線は二重線で表示されます。
dotted	dashed
この線は点線で表示されます。	dashed
この線は点線で表示されます。	wavy
この線は波線で表示されます。	initial
この属性をデフォルト値に設定します。	inherit-decoration-指定された場合、関連する要素は親要素のtextを取得します。

styleの属性値。

text-decoration-ブラウザの互換性

	styleほとんどのブラウザではこの属性をサポートしていません。この属性の使用は避けた方が良いでしょう。6+ ^-Firefox-、36+ mozOpera Google Chrome Opera Internet Explorer Opera Apple Safari Opera

×text-decoration-警告：

さらに詳しく

以下のチュートリアルを参照してください：CSSのテキスト、CSSの枠。

CSS text-indent 属性 CSS3 text-decoration-line 属性