Η text-decoration-styleιδιότητα καθορίζει το στυλ της υπογράμμισης σε συνδέσμους και την υπογράμμιση, την περίληψη ή τη γραμμή σε οποιοδήποτε κείμενο με text-decorationεφαρμοσμένο.
a ( text-decoration-style: solid; )Αξίες
solid: η προεπιλεγμένη. Η διακόσμηση είναι μια ενιαία συμπαγής γραμμή.double: Η διακόσμηση είναι ένα ζευγάρι συμπαγών γραμμών.dotted: Η διακόσμηση είναι μια διακεκομμένη γραμμή.dashed: Η διακόσμηση είναι μια διακεκομμένη γραμμή.wavy: Η διακόσμηση είναι μια κυματιστή γραμμή.
Διαδήλωση
Τη στιγμή αυτής της γραφής, text-decoration-styleυποστηρίζεται επίσημα μόνο στον Firefox. Θα λειτουργεί επίσης σε προγράμματα περιήγησης Chrome με ενεργοποιημένη τη σημαία της πειραματικής δυνατότητας πλατφόρμας ιστού.
Δείτε το στυλό κείμενο-διακόσμηση-στυλ από CSS-Tricks (@ css-tricks) στο CodePen.
Στενογραφία
Σε προγράμματα περιήγησης που υποστηρίζουν text-decoration-styleκαι text-decoration-colorμπορείτε να προσθέσετε στυλ διακόσμησης σε μια text-decorationστενή ιδιότητα:
.underlined ( text-decoration: underline dotted red; )Προς το παρόν μόνο το Firefox υποστηρίζει αυτό το μη επιδιορθωμένο. Το Safari το υποστηρίζει με το -webkitπρόθεμα. Το Chrome χρειάζεται επίσης το -webkitπρόθεμα και τις πειραματικές λειτουργίες πλατφόρμας ιστού που είναι ενεργοποιημένες στις σημαίες του Chrome.
Σχετιζομαι με
text-decorationtext-decoration-linetext-decoration-colortext-decoration-skip
Περισσότερες πληροφορίες
- κείμενο-διακόσμηση-στυλ στο W3C CSS Text Decoration Module Level 3 CR
- κείμενο-διακόσμηση-στυλ στο MDN
Υποστήριξη προγράμματος περιήγησης
| Χρώμιο | Σαφάρι | Firefox | ΛΥΡΙΚΗ ΣΚΗΝΗ | ΙΕ | Android | iOS |
|---|---|---|---|---|---|---|
| 31 * | Κανένας | 6 † | Κανένας | Κανένας | Κανένας | Κανένας |
* μόνο με ενεργοποιημένη τη λειτουργία πειραματικής πλατφόρμας web
† Firefox 6+ με -mozπρόθεμα, 36+ μη προκαθορισμένα.