Ιδιότητα στυλ γραμματοσειράς

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

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

Με αυτό το χαρακτηριστικό, μπορείτε να ρυθμίσετε/επιστρέψετε τα εξής περιεχόμενα (συμμόρφως με την τάξη αυτή):

font-size και font-family Είναι απαραίτητη. Αν λείπει οποιαδήποτε άλλη τιμή, θα εισαχθεί η προεπιλεγμένη τιμή (αν υπάρχει).

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

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

Εκμάθηση CSSΠρότυπο γραμματοσειράς της CSS

Χρήσιμα link για το CSSΙδιότητα font

Ενδεικτικό παράδειγμα

Παράδειγμα 1

Ρύθμιση της γραμματοσειράς του στοιχείου <p>:

document.getElementById("myP").style.font = "italic bold 20px arial,serif";

Προσπαθήστε να το δοκιμάσετε%

Παράδειγμα 2

Επιστροφή της γραμματοσειράς του στοιχείου <p>:

alert(document.getElementById("myP").style.font);

Προσπαθήστε να το δοκιμάσετε%

Γλώσσα

Επιστροφή της ιδιότητας font:

object.style.font

Ρύθμιση της ιδιότητας font:

object.style.font = "font-style font-variant font-weight font-size/line-height|caption|icon|menu|
message-box|small-caption|status-bar|initial|inherit;

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

Τιμή Περιγραφή
style Ρύθμιση τύπου γραμματοσειράς.
variant Ρύθμιση κειμένου σε μικρό κεφαλαίο.
weight Ρύθμιση βαρύτητας γραμματοσειράς.
size Ρύθμιση μεγέθους γραμματοσειράς.
lineHeight Ρύθμιση απόστασης γραμμής.
family Ρύθμιση γραμματοσειράς.
caption Γραμματοσειρά που χρησιμοποιείται για τα ελέγχματα τίτλου (όπως κουμπιά, αναπτυσσόμενα μενού κ.λπ.).
icon Γραμματοσειρά που χρησιμοποιείται για τα εικονίδια.
menu Γραμματοσειρά που χρησιμοποιείται σε μενού.
message-box Γραμματοσειρά που χρησιμοποιείται σε διαλόγους.
small-caption Γραμματοσειρά που χρησιμοποιείται σε μικρά ελέγχματα.
status-bar Γραμματοσειρά που χρησιμοποιείται στην κονσόλα��态 του παραθύρου.
initial Ρύθμιση αυτής της ιδιότητας στην προεπιλεγμένη τιμή. Εξετάστε το: initial.
inherit Απόκτηση αυτής της ιδιότητας από τον γονικό στοιχείο. Εξετάστε το: inherit.

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

Προεπιλεγμένη τιμή: Μη καθορισμένο
Επιστροφή τιμής: Συνολική συμβολοσειρά που εκφράζει διαφορετικές ιδιότητες γραμματοσειράς του στοιχείου.
Έκδοση CSS: CSS1

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη