CSS font-size-adjust 属性
- προηγούμενη σελίδα font-size
- Επόμενη σελίδα font-stretch
Ορισμός και χρήση
Η ιδιότητα 'font-size-adjust' καθορίζει μια τιμή aspect για έναν στοιχείο, ώστε να διατηρείται η x-height της προτιμώμενης γραμματοσειράς.
Σημειώσεις
Το ύψος του μικρού γράμματος "x" και το ύψος του font-size είναι η ράτσο του aspect της γραμματοσειράς. Όταν η γραμματοσειρά έχει υψηλή ράτσο aspect, είναι πιο εύκολα διαβάσιμη όταν η γραμματοσειρά ορίζεται σε μικρό μέγεθος. Παράδειγμα: Το aspect του Verdana είναι 0.58 (ορίζει ότι όταν το μέγεθος της γραμματοσειράς είναι 100px, το x-height είναι 58px). Το aspect του 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|μηδέν|initial|inherit;
Τιμή του χαρακτηριστικού
| Τιμή | Περιγραφή |
|---|---|
| μηδέν | Προεπιλεγμένη. Αν η γραμματοσειρά δεν είναι διαθέσιμη, δεν διατηρείται το x-height της γραμματοσειράς. |
| number |
Ορίζει τη ράτσο του aspect της γραμματοσειράς. Εξίσωση που μπορεί να χρησιμοποιηθεί:Το μέγεθος της προτιμώμενης γραμματοσειράς * (το 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
