คุณสมบัติ text-decoration-color

คุณสมบัติ text-decoration-color กำหนด สีเส้นของข้อความ ควรใช้คุณสมบัตินี้ร่วมกับ คุณสมบัติ text-decoration-line และ text-decoration-style คุณสมบัติเหล่านี้ขยายการทำงานของคุณสมบัติ text-decoration โดยเป็นตัวเลือกระดับสูงกว่า ค่าของคุณสมบัติคือ หน่วยสีใดๆ ใน CSS

ไวยากรณ์

selector {
	text-decoration-color: 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;
}