CSS text-decoration-colorプロパティ

例

下線テキストの下線の色を変更する：

p
{
text-decoration: underline;
text-decoration-color: red;
-moz-text-decoration-color: red; /* Firefox 用のコード */
}

ほとんどすべての主要ブラウザは text-decoration-color プロパティをサポートしていません。

Firefox は、このプロパティの代替となる -moz-text-decoration-color プロパティをサポートしています。

text-decoration-color プロパティは、テキスト装飾（下線 underline、上線 overline、取り消し線 line-through）の色を指定します。

注意：text-decoration-color プロパティは、表示可能な text-decoration を持つ要素でのみ機能します。

初期値：	currentColor
継承：	否
アニメーション可能：	はい。参照してくださいアニメーション可能（animatable）。試してみる
バージョン：	CSS3
JavaScript 構文：	object.style.textDecorationColor="red" 試してみる

text-decoration-color: color|initial|inherit;

值	説明	テスト
color	テキスト装飾の色を指定します。
initial	このプロパティを初期値に設定します。参照してくださいinitial。
inherit	親要素からこのプロパティを継承します。参照してくださいinherit。

その他の拡張