Thuộc tính text-decoration-color

Thuộc tính text-decoration-color xác định màu sắc của đường gạch trang trí cho văn bản. Thuộc tính này nên được sử dụng kết hợp với các thuộc tính text-decoration-line và text-decoration-style. Các thuộc tính này mở rộng chức năng của thuộc tính text-decoration, đóng vai trò là các phiên bản nâng cao hơn. Giá trị của thuộc tính có thể là bất kỳ đơn vị màu sắc CSS nào.

Cú pháp

bộ chọn {
	text-decoration-color: màu sắc trong bất kỳ định dạng CSS nào;
}

Giá trị mặc định: cùng màu với văn bản.

Ví dụ

Bây giờ văn bản sẽ có đường gạch chân phía dưới màu đỏ, vì thuộc tính text-decoration-color được đặt thành giá trị red:

<div id="elem">
	Lorem ipsum dolor sit amet.
</div>

#elem {
	text-decoration-style: solid;
	text-decoration-color: red;
	text-decoration-line: underline;
}