備忘録的プログラミングリファレンス

text-decoration-colorプロパティ

 text-decoration-colorプロパティは、text-decoration-lineプロパティによるテキストの装飾線に色を指定するプロパティです。
 CSSでは、text-decorationプロパティはテキストへの装飾という扱いです。

赤い下線(Exampleの参照
text-decoration-line: underline;
text-decoration-color: red;

関連プロパティ

 以下のような関連するプロパティがあります。

text-decoration-color装飾線の色
text-decoration-style装飾線の線種
text-decoration装飾線のプロパティtext-decoration-*を一括指定

 マーカーのような線を加えるにはbackgroundプロパティlinear-gradient()関数を使います。

構文(Syntax)

CSS

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

DOM(JavaScript)

値の取得
String = object.style.textDecorationColor;
値の設定
object.style.textDecorationColor="color | initial | inherit";

値(Values)

Value摘要
colorCSS Colorを参照のこと
initial初期値に戻す
inherit親エレメントのプロパティを継承

備考(Remarks)

初期値(Default value)
継承(Inherited)No
CSS AnimationYes

Example

 text-decoration-colorの例です。赤い下線を表示します。

 text-decoration-lineの設定が必要です。 線種はtext-decoration-styletext-decorationで設定します。

 マーカーのような線を加えるにはbackgroundプロパティlinear-gradient()関数を使います。