Ιδιότητα 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;
}