Η text-decoration-colorιδιότητα ορίζει το χρώμα του υπογράμμισης, της γραμμής γραμμής ή της γραμμής σε κείμενο με την text-decorationιδιότητα που εφαρμόζεται. Μπορεί επίσης να ορίσει το υπογραμμισμένο χρώμα στους συνδέσμους.
a ( text-decoration-color: #E18728; )Αξίες
text-decoration-colorμπορεί inheritή αποδεχτεί οποιαδήποτε τιμή χρώματος CSS, συμπεριλαμβανομένων των ονομαστικών χρωμάτων, των χρωμάτων HEX, της RGBa και της HSLa.
Στενογραφία
Σε προγράμματα περιήγησης που υποστηρίζουν text-decoration-styleκαι text-decoration-colorμπορείτε να προσθέσετε ένα χρώμα σε μια text-decorationστενή ιδιότητα:
.underlined ( text-decoration: underline dotted red; )Προς το παρόν μόνο το Firefox υποστηρίζει αυτό το μη επιδιορθωμένο. Το Safari το υποστηρίζει με το -webkitπρόθεμα. Το Chrome χρειάζεται επίσης το -webkitπρόθεμα και τις πειραματικές λειτουργίες πλατφόρμας ιστού που είναι ενεργοποιημένες στις σημαίες του Chrome.
Διαδήλωση
Το text-decoration-colorσε αυτό το demo λειτουργεί στις τρέχουσες εκδόσεις του Firefox και του Safari. Θα λειτουργεί επίσης στο Chrome με ενεργοποιημένη τη σημαία "πειραματικές λειτουργίες πλατφόρμας Web".
Δείτε το στυλό κείμενο-διακόσμηση-χρώμα από CSS-Tricks (@ css-tricks) στο CodePen.
Σχετιζομαι με
text-decorationtext-decoration-linetext-decoration-styletext-decoration-skip
Περισσότερες πληροφορίες
text-decoration-colorστο CSS Text Decoration Module Level 3 CRtext-decoration-colorστο MDN
Υποστήριξη προγράμματος περιήγησης
| Χρώμιο | Σαφάρι | Firefox | ΛΥΡΙΚΗ ΣΚΗΝΗ | ΙΕ | Android | iOS |
|---|---|---|---|---|---|---|
| 31 † | 7.1 * | 6.0 ‡ | Κανένας | Κανένας | Κανένας | 8 * |
† με τις "πειραματικές λειτουργίες πλατφόρμας Web" ενεργοποιημένες στο chrome: // flags. Το Chrome 31 χρειάστηκε πρόθεμα -webkit-. Δοκιμάσαμε το Chrome 50 και λειτούργησε μόνο χωρίς προεπιλογή.
‡ 6+ με πρόθεμα -moz, μη προκαθορισμένο από το 36.