text-decoration-color プロパティ
text-decoration-color プロパティは、テキストに下線、上線、取り消し線を設定できる text-decoration-line プロパティに色を指定する CSS プロパティです。
text-decoration-line: underline;
text-decoration-color: red;
text-decorationの例です。
波状、点線、破線、二重線といった線種は text-decoration-style や text-decoration で指定します。
text-decoration に関するはプロパティは下線などを設定できますが、テキストへの装飾という扱いになっています。
マーカーのような線にするにはbackgroundプロパティにlinear-gradient()関数を使います。
ページ内 Index
構文(Syntax)
CSS
text-decoration-color: color | initial | inherit;
DOM ( JavaScript )
String = object.style.textDecorationColor;
object.style.textDecorationColor="color | initial | inherit";
値（Values）
| Value | 摘要 |
|---|---|
| color | CSS Colorを参照のこと |
| initial | 初期値に戻す |
| inherit | 親エレメントのプロパティを継承 |
備考（Remarks）
| 初期値（Default value） | |
| 継承（Inherited） | No |
| CSS Animation | Yes |
Example
text-decoration-color の例です。赤い下線を表示します。
text-decoration-color が機能するには、text-decoration-line による装飾線の設定が必要です。
関連する CSS プロパティ
以下のような関連するプロパティがあります。
| text-decoration-color | 装飾線の色 |
| text-decoration-line | テキストの下線、上線、取り消し線を指定 |
| text-decoration-style | 装飾線の線種 |
| text-decoration | 装飾線のプロパティtext-decoration-*を一括指定 |
マーカーのような線を加えるにはbackgroundプロパティにlinear-gradient()関数を使います。