CSS text-decoration-line ιδιότητα

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

Η ιδιότητα text-decoration-line καθορίζει ποιο τύπο διακοσμήσεως κειμένου θα χρησιμοποιηθεί (υπογραμμίωση, υπογράμμιση, διήθημα).

Συμβουλή:Παρακαλώ επίσης ανατρέξτε στην ιδιότητα text-decoration, η οποία είναι η συντομευμένη ιδιότητα του text-decoration-line, text-decoration-style και text-decoration-color.

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

Επιπλέον αναγνώριση:

Εκμάθηση CSS:Κείμενο CSS

Εγχειρίδιο HTML DOM:textDecorationLine Ιδιότητα

Παράδειγμα

Ρυθμίστε διαφορετικούς τύπους γραμμών text-decoration:

div.a {
  text-decoration-line: overline;
}
div.b {
  text-decoration-line: underline;
}
div.c {
  text-decoration-line: line-through;
}
div.d {
  text-decoration-line: overline underline;
}

Προσπαθήστε το προσωπικά

Γλώσσα CSS

text-decoration-line: none|underline|overline|line-through|initial|inherit;

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

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

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

Προεπιλεγμένη τιμή: μηδέν
Κληρονομικότητα: Όχι
Κίνηση παραγωγής: Δεν υποστηρίζεται. Δείτε:Πρότυπα κινήσεων.
Έκδοση: CSS3
Γλώσσα JavaScript: object.style.textDecorationLine="overline"

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

Οι αριθμοί στην τаблицη σηματοδοτούν την πρώτη έκδοση του περιηγητή που υποστηρίζει πλήρως το χαρακτηριστικό.

Τα αριθμοί με -webkit- ή -moz- δείχνουν την πρώτη έκδοση που χρησιμοποιεί το πρόθεμα.

Chrome IE / Edge Firefox Safari Opera
57.0 79.0 36.0
6.0 -moz-		 12.1
7.1 -webkit-		 44.0