Προπriedότητα text-emphasis-position του CSS

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

text-emphasis-position Η ιδιότητα καθορίζει τη θέση των σημάτων έμφασης (πάνω, κάτω, αριστερά, δεξιά).

Συμβουλή:Χρήση writing-mode ιδιότητας για την καθοδήγηση του οριζόντιου ή κάθετου μοίρου γραφής.

Παράδειγμα

Χρήση text-emphasis-position Ιδιότητα:

h3.ex1 {
  text-emphasis: double-circle red;
  text-emphasis-position: over;
}
h3.ex2 {
  text-emphasis: triangle blue;
  text-emphasis-position: under;
}
h3.ex3 {
  writing-mode: vertical-rl;
  text-emphasis: triangle blue;
  text-emphasis-position: under right;
}
h3.ex4 {
  writing-mode: vertical-rl;
  text-emphasis: triangle blue;
  text-emphasis-position: under left;
}

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

Γλώσσα Γράφησης CSS

text-emphasis-position: over|under|left|right|initial|inherit;

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

Τιμή Περιγραφή
πάνω Εφαρμόστε σημάδια έμφασης πάνω από το κείμενο (στομοίρο γραφής οριζόντια).
κάτω Εφαρμόστε σημάδια έμφασης κάτω από το κείμενο (στομοίρο γραφής οριζόντια).
αριστερά Εφαρμόστε σημάδια έμφασης στα αριστερά της γραμμής κειμένου (στομοίρο γραφής κάθετα).
δεξιά Εφαρμόστε σημάδια έμφασης στα δεξιά της γραμμής κειμένου (στο��ίρο γραφής κάθετα).
αρχική Ρυθμίστε αυτή την ιδιότητα στη προεπιλεγμένη της τιμή. Δείτε αρχική.
κληρονομικότητα Κληρονομείται αυτή η ιδιότητα από το γονικό στοιχείο. Δείτε κληρονομικότητα.

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

Προεπιλεγμένη τιμή: πάνω δεξιά
Προγενέστερης κληρονομικότητας: ναι
Έκδοση: CSS3
Γλώσσα Γράφησης JavaScript: object.style.textEmphasisPosition="under"

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

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

Χρωμός Κόμβος Φαύρος Σαφάρι Όπερα
99.0 99.0 46.0 7.0 85.0