Στυλ textDecorationLine Χαρακτηριστικό

Ορισμός και χρήση

textDecorationLine Ρύθμιση ιδιοτήτων ή επιστροφή του τύπου γραμμής που θα αποκτήσει η διακόσμηση (αν υπάρχει).

Σημειώσεις:Μπορείτε επίσης να χρησιμοποιήσετε την ιδιότητα textDecoration για να ρυθμίσετε textDecorationLineείναι συντομευμένη ιδιότητα των παρακάτω ιδιοτήτων:

Σημειώσεις:Μπορείτε επίσης να συνδυάσετε πολλαπλές τιμές, όπως underline και overlineγια να εμφανίζεται γραμμή και κάτω και πάνω από το κείμενο.

Επιπλέον αναφορές:

Εγχειρίδιο CSS:Η ιδιότητα text-decoration-line

Παράδειγμα

Εμφάνιση παραγράφου με γραμμή στην κορυφή:

document.getElementById("myP").style.textDecorationLine = "overline";

Προσπαθήστε το شخصικά

Γλωσσικό σύστημα

Επιστροφή της ιδιότητας textDecorationLine:

objekt.style.textDecorationLine

Ρύθμιση της ιδιότητας textDecorationLine:

objekt.style.textDecorationLine = "none|underline|overline|line-through|initial|inherit"

Τιμή ιδιότητας

Τιμή Περιγραφή
none Προεπιλεγμένη τιμή. Καθορίζει ότι το κείμενο δεν έχει διακοσμητική γραμμή.
underline Καθορίζει την απόκρυψη μιας γραμμής που εμφανίζεται κάτω από το κείμενο.
overline Καθορίζει την απόκρυψη μιας γραμμής που εμφανίζεται πάνω από το κείμενο.
line-through Καθορίζει την απόκρυψη μιας γραμμής που περνάει μέσα από το κείμενο.
initial Αναθέστε αυτή την ιδιότητα στην προεπιλεγμένη της τιμή. Δείτε initial.
inherit Καταλήφθηκε αυτή η ιδιότητα από το γονικό στοιχείο. Δείτε inherit.

Τεχνικά λεπτομέρειες

Προεπιλεγμένη τιμή: μηδέν
Αποτελεσματική τιμή: κείμενο, το οποίο εκφράζει το στοιχείο Η ιδιότητα text-decoration-line.
Έκδοση CSS: CSS3

Υποστήριξη περιηγητών

Τα αριθμήματα στη τάβλη αναφέρουν την έκδοση του πρώτου περιηγητή που υποστηρίζει πλήρως αυτήν την ιδιότητα.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
57.0 79.0 36.0 7.0 Webkit 44.0