“text-decoration-color”プロパティ:テキストに引く線の色

概要

“text-decoration-color”プロパティは“text-decoration-line”プロパティでテキストに引く下線、上線、打ち消し線の色を指定するプロパティです。

“text-decoration-color”プロパティは子要素に継承されませんが、それでも下線や上線、取り消し線は子孫のものも含むすべてのテキストに設定が反映されます。子孫要素に別途“text-decoration”プロパティや“text-decoration-color”プロパティを適用したとしても設定を上書きすることはできません。

サンプルコード

値

仕様書

定義されている仕様書

text-decoration-color

<color>

テキストに引く線の色を指定する

span {

text-decoration-line: underline;
text-decoration-color: rgb(243,86,109);

}

彼女は「猫は上のかぎり黒くてことはみな白き」と記していた。つまり彼女はおなかが白くて背中が黒い猫が好きだったのだ。