text-decoration-color プロパティ
text-decoration-color プロパティは、
テキストの線の色を設定します。
このプロパティは、
text-decoration-line
および text-decoration-style
プロパティと組み合わせて使用する必要があります。
これらのプロパティは、
text-decoration
の機能を拡張し、より高度な代替となるものです。
プロパティの値は、任意の色の単位を使用できます。
構文
セレクタ {
text-decoration-color: 任意のCSS形式による色;
}
デフォルト値: テキストと同じ色。
例
ここでは、text-decoration-color プロパティが red に設定されているため、テキストには赤色の下線が引かれます。
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-decoration-style: solid;
text-decoration-color: red;
text-decoration-line: underline;
}
:
