CSS font-size-adjust ιδιότητα
- προηγούμενη σελίδα font-size
- Επόμενη σελίδα font-stretch
Ορισμός και χρήση
Η ιδιότητα font-size-adjust καθορίζει μια τιμή aspect για έναν στοιχεία, ώστε να διατηρηθεί η x-height της προτιμώμενης γραμματοσειράς.
Σημειώσεις
Το ύψος του μικρού κεφαλαίου "x" και το ύψος της γραμματοσειράς μεταξύ τους είναι το aspect ratio μιας γραμματοσειράς. Όταν η γραμματοσειρά έχει υψηλό aspect ratio, είναι πιο ευανάγνωστη όταν η γραμματοσειρά ορίζεται σε μικρό μέγεθος. Παράδειγμα: Το aspect ratio του Verdana είναι 0.58 (το意味着 όταν το μέγεθος της γραμματοσειράς είναι 100px, το x-height είναι 58px). Το aspect ratio του Times New Roman είναι 0.46. Αυτό σημαίνει ότι το Verdana είναι πιο ευανάγνωστο σε μικρό μέγεθος από το Times New Roman.
Δείτε επίσης:
Εκμάθηση CSSCSS Γραμματοσειρά
Οδηγός CSSCSS font ιδιότητα
Οδηγός HTML DOMΙδιότητα fontSizeAdjust
Παράδειγμα
Ρύθμιση της ιδιότητας font-size-adjust για διαφορετικά στοιχεία HTML:
h1 { font-size-adjust:0.58; } p { font-size-adjust:0.60; }
Γλώσσα γραμματοσειράς CSS
font-size-adjust: number|none|initial|inherit;
Τιμή ιδιότητας
Τιμή | Περιγραφή |
---|---|
μηδέν | Προεπιλεγμένη. Αν η γραμματοσειρά δεν είναι διαθέσιμη, δεν διατηρείται το x-height της γραμματοσειράς. |
number |
Ορισμός του aspect ratio της γραμματοσειράς. Ευκλείδεια φόρμουλα:Το μέγεθος της προτιμώμενης γραμματοσειράς * (το font-size-adjust / το aspect της διαθέσιμης γραμματοσειράς) = το μέγεθος γραμματοσειράς που εφαρμόζεται στη διαθέσιμη γραμματοσειρά Παράδειγμα:Αν το Verdana 14px (το aspect είναι 0.58) δεν είναι διαθέσιμο, αλλά μια διαθέσιμη γραμματοσειρά έχει aspect 0.46, το μέγεθος της εναλλακτικής γραμματοσειράς θα είναι 14 * (0.58/0.46) = 17.65px. |
Τεχνικά λεπτομέρειες
Προεπιλεγμένη τιμή: | μηδέν |
---|---|
Προληπτικότητα: | yes |
Έκδοση: | CSS2 |
Γλώσσα γραμματοσειράς JavaScript: | object.style.fontSizeAdjust="0.70" |
Προσωπική δοκιμή (TIY)
- Χρήση του font-size-adjust για ρύθμιση του μεγέθους γραμματοσειράς
- Αυτό το παράδειγμα δείχνει πώς να χρησιμοποιήσετε το font-size-adjust για να ρυθμίσετε το μέγεθος του γραμματοσειράς.
Υποστήριξη του περιηγητή
Τα αριθμήματα στη τάβλη αναφέρουν την πρώτη έκδοση του προγράμματος περιήγησης που υποστηρίζει πλήρως αυτήν την ιδιότητα.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
μη υποστηριζόμενο | μη υποστηριζόμενο | 3.0 | μη υποστηριζόμενο | μη υποστηριζόμενο |
- προηγούμενη σελίδα font-size
- Επόμενη σελίδα font-stretch