CSS text-underline-offset 属性

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

text-underline-offset Η ιδιότητα καθορίζει την απόσταση του αποκλίνουσας γραμμής στο υπογραμμισμένο κείμενο.

Παράδειγμα

Ρυθμίστε τη απόσταση του αποκλίνουσας γραμμής στο υπογραμμισμένο κείμενο:

div.a {
  text-decoration: underline;
}
div.b {
  text-decoration: underline;
  text-underline-offset: 10px;
}
div.c {
  text-decoration: underline wavy blue;
}
div.d {
  text-decoration: underline wavy blue;
  text-underline-offset: 10px;
}

Δοκιμάστε το προσωπικά

Γλώσσα γραφής CSS

text-underline-offset: αυτόματα|length|percentage|initial|κληρονομικότητα;

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

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

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

Προεπιλεγμένη τιμή: αυτόματα
Προκαταρκτική κληρονομικότητα: ναι
Παραγωγή κινήσεων: Δεν υποστηρίζεται. Παρακαλώ δείτε:Ιδιότητες κινήσεων.
Έκδοση: CSS4
Γλώσσα γραφής JavaScript: object.style.textUnderlineOffset="1em"

Υποστήριξη του προγράμματος περιήγησης

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

Chrome Edge Firefox Safari Opera
87.0 87.0 70.0 12.1 73.0

σχετικές σελίδες

Εκμάθηση:CSS text decoration

παρατήρηση:HTML DOM textDecoration ιδιότητα