CSS font attribute

  • Προηγούμενη σελίδα float
  • Επόμενη σελίδα @font-face

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

Η ιδιότητα font ρυθμίζει όλες τις ιδιότητες της γραμματοσειράς σε μια δήλωση.

Σημειώσεις:Αυτή η ιδιότητα έχει επίσης την έκτη τιμή: "line-height", που επιτρέπει τη ρύθμιση του διαστήματος γραμμής.

Περιγραφή

Η συντομευμένη ιδιότητα χρησιμοποιείται για να ρυθμίσει δύο ή περισσότερους τομείς του γραμματοσειράς ενός στοιχείου με μια κίνηση. Χρησιμοποιώντας λέξεις-κλειδιά όπως icon μπορεί να ρυθμιστεί η γραμματοσειρά του στοιχείου ώστε να ταιριάζει με κάποιον τομέα του περιβάλλοντος υπολογιστή του χρήστη. Σημείωση: Αν δεν χρησιμοποιούνται αυτές οι λέξεις-κλειδιά, τουλάχιστον να καθοριστεί το μέγεθος της γραμματοσειράς και η σειρά γραμματοσειράς.

Μπορείτε να ρυθμίσετε τα εξής χαρακτηριστικά σε σειρά:

Μπορείτε να μην ρυθμίσετε κάποια τιμή, π.χ. font:100% verdana; είναι επιτρεπόμενο. Οι ιδιότητες που δεν ρυθμίζονται χρησιμοποιούν τις προεπιλεγμένες τους τιμές.

Δείτε επίσης:

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

Εγχειρίδιο HTML DOMΙδιότητα font

Παράδειγμα

Ρύθμιση όλων των ιδιοτήτων της γραμματοσειράς σε μια δήλωση:

p.ex1
  {
  font:italic arial,sans-serif;
  }
p.ex2
  {
  font:italic bold 12px/20px arial,sans-serif;
  }

Προσωπική δοκιμή

Γλώσσα σύνταξης CSS

font: font-style font-variant font-weight font-size/line-height font-family|caption|icon|menu|message-box|small-caption|status-bar|initial|inherit;

Τιμή του χαρακτηριστικού

Τιμή Περιγραφή
font-style Ορίζει το στυλ της γραμματοσειράς. Δείτε:font-style Πιθανές τιμές.
font-variant Ορίζει την εναλλακτική γραμματοσειρά. Δείτε:font-variant Πιθανές τιμές.
font-weight Ορίζει το πάχος της γραμματοσειράς. Δείτε:font-weight Πιθανές τιμές.
font-size/line-height Ορίζει το μέγεθος της γραμματοσειράς και την ύψος γραμμής. Δείτε:font-size και line-height Πιθανές τιμές.
font-family Ορίζει τη σειρά γραμματοσειράς. Δείτε:font-family Πιθανές τιμές.
caption Ορίζει τη γραμματοσειρά που χρησιμοποιείται από τον έλεγχο τίτλου (π.χ. κουμπιά, λισταράδες κ.λπ.).
icon Ορίζει τη γραμματοσειρά που χρησιμοποιείται από τα εικονίδια.
menu Ορίζει τη γραμματοσειρά που χρησιμοποιείται από τη λισταράδα.
message-box Ορίζει τη γραμματοσειρά που χρησιμοποιείται από το παράθυρο διαλόγου.
small-caption Μικρή έκδοση της γραμματοσειράς "caption".
status-bar Ορίζει τη γραμματοσειρά που χρησιμοποιείται από την εικονική στήλη κατάστασης του παραθύρου.

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

Προεπιλεγμένη τιμή: not specified
Εναπόκριση: yes
Έκδοση: CSS1
Γλώσσα σύνταξης JavaScript: object.style.font="italic small-caps bold 12px arial,sans-serif"

Παράδειγμα δοκιμής

Όλες οι ιδιότητες της γραμματοσειράς σε μια δήλωση
Αυτό το παράδειγμα δείχνει πώς να ρυθμίσετε τις ιδιότητες της γραμματοσειράς σε μια δήλωση χρησιμοποιώντας το συντομευμένο αίτημα.
Ρύθμιση της γραμματοσειράς του παραγράφου χρησιμοποιώντας τη τιμή "caption"
Αυτό το παράδειγμα δείχνει πώς να ρυθμίσετε τη γραμματοσειρά του παραγράφου χρησιμοποιώντας τη τιμή "caption".

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

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

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5
  • Προηγούμενη σελίδα float
  • Επόμενη σελίδα @font-face