CSS text-underline-position ιδιότητα

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

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

Παράδειγμα

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

div.a {
  text-decoration: underline;
  text-underline-position: auto;
}
div.b {
  text-decoration: underline;
  text-underline-position: under;
}

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

Γλώσσα CSS

text-underline-position: auto|under|from-font|left|right|initial|inherit;

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

Τιμή Περιγραφή
αυτόματα Προεπιλεγμένη τιμή. Το πρόγραμμα περιήγησης ρυθμίζει τη θέση της υπογραφής.
under Ρυθμίστε την υπογραφή κάτω από τη βάση του γράμματος.
from-font

Αν το αρχείο του χαρακτήρα περιέχει πληροφορίες για τη θέση της υπογραφής, χρησιμοποιήστε αυτήν την τιμή.

Εάν δεν ισχύει, χρησιμοποιήστε το αυτόματα.
αριστερά

Στην κάθετη γραμματογραφία, η υπογραφή θα τοποθετηθεί στα αριστερά του κειμένου.

Στην οριζόντια γραμματογραφία, η υπογραφή θα τοποθετηθεί ανάλογα με το αυτόματα.
δεξιά

Στην κάθετη γραμματογραφία, η υπογραφή θα τοποθετηθεί στα δεξιά του κειμένου.

Στην οριζόντια γραμματογραφία, η υπογραφή θα τοποθετηθεί ανάλογα με το αυτόματα.
initial Ρυθμίστε αυτή την ιδιότητα στην προεπιλεγμένη τιμή. Εξετάστε: initial.
κληρονομικότητα Κληρονομείται αυτή η ιδιότητα από το γονικό στοιχείο. Εξετάστε: κληρονομικότητα.

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

Προεπιλεγμένη τιμή: αυτόματα
Κληρονομικότητα: ναι
Ανίμαση: Δεν υποστηρίζεται. Προσέξτε:Παράμετροι αнимации.
Έκδοση: CSS3
Γλώσσα JavaScript: object.style.textUnderlinePosition="under"

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

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

Chrome Edge Firefox Safari Opera
33.0 79.0 74.0 12.1 20.0

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

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

Αναφορά:Η ιδιότητα textDecoration του HTML DOM