CSS font-size ιδιότητα

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

Η ιδιότητα font-size μπορεί να ρυθμίσει το μέγεθος του χαρακτήρα.

Περιγραφή

Αυτή η ιδιότητα ρυθμίζει το μέγεθος του χαρακτήρα του στοιχείου. Σημειώστε ότι ρυθμίζει το ύψος του ορθογωνίου που περιλαμβάνει τον χαρακτήρα; η πραγματική μορφή του χαρακτήρα μπορεί να είναι μεγαλύτερη ή μικρότερη από αυτές τις ορθογώνιες πλακέτες (θα είναι συνήθως μικρότερη).

Οι ετικέτες πρέπει να είναι μεγαλύτερες από την ετικέτα του ελάχιστου κλειδιού και μικρότερες από την ετικέτα του επόμενου μεγαλύτερου κλειδιού.

Για περισσότερες πληροφορίες:

Εκμάθηση CSSCSS γραμματοσειρά

Εγχειρίδιο CSSCSS font ιδιότητα

Εγχειρίδιο HTML DOMΑντικείμενο fontSize

Παράδειγμα

Ρύθμιση διαφορετικών μεγεθών για διαφορετικά στοιχεία HTML:

h1 {font-size:250%;}
h2 {font-size:200%;}
p {font-size:100%;}

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

Γλωσσάκι CSS

font-size:μέτρια|xx-small|x-small|μικρό|μεγάλο|x-large|xx-large|μικρότερο|μεγαλύτερο|length|initial|inherit;

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

Τιμή Περιγραφή
  • xx-small
  • x-small
  • μικρό
  • μέτρια
  • μεγάλο
  • x-large
  • xx-large

Ρυθμίστε το μέγεθος του χαρακτήρα σε διαφορετικά μεγέθη, από xx-small έως xx-large.

Προεπιλεγμένη τιμή: μέτρια.
μικρότερο Ρυθμίστε το font-size σε μικρότερο μέγεθος από το γονικό στοιχείο.
μεγαλύτερο Ρυθμίστε το font-size σε μεγαλύτερο μέγεθος από το γονικό στοιχείο.
length Ρυθμίστε το font-size σε σταθερή τιμή.
% Ρυθμίστε το font-size σε ποσοστό βασισμένο στο γονικό στοιχείο.
inherit Ορίζεται ότι το μέγεθος του χαρακτήρα πρέπει να κληρονομηθεί από το γονικό στοιχείο.

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

Προεπιλεγμένη τιμή: μέτρια
Εγκατάληψη: ναι
Έκδοση: CSS1
Γλωσσάκι JavaScript: ότικετ.style.fontSize="μεγαλύτερο"

Παράδειγμα TIY

Ρύθμιση του μεγέθους του χαρακτήρα
Αυτό το παράδειγμα δείχνει πώς να ρυθμίσετε το μέγεθος του χαρακτήρα.

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

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

Chrome IE / Edge Firefox Safari Opera
1.0 5.5 1.0 1.0 7.0