Γραμματοσειρά - CSS-Κόλπα

Anonim

Η font-stretchιδιότητα, που εισήχθη στο CSS3, επιλέγει ένα κανονικό, συμπυκνωμένο ή διευρυμένο πρόσωπο από μια γραμματοσειρά.

Για να χρησιμοποιήσετε font-stretchκαι να δείτε κάποιο αποτέλεσμα, η γραμματοσειρά που χρησιμοποιείται πρέπει να έχει ένα πρόσωπο που να ταιριάζει με την τιμή που έχει δοθεί. Με άλλα λόγια, font-stretchδεν θα λειτουργήσει σε καμία γραμματοσειρά, αλλά μόνο σε γραμματοσειρές που έχουν σχεδιαστεί με διαφορετικά πρόσωπα που ταιριάζουν με τα καθορισμένα μεγέθη.

p ( font-stretch: ultra-condensed; )

font-stretch δέχεται μία από τις ακόλουθες τιμές:

  • ultra-condensed
  • extra-condensed
  • condensed
  • semi-condensed
  • normal
  • semi-expanded
  • expanded
  • extra-expanded
  • ultra-expanded

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

Στην υποστήριξη προγραμμάτων περιήγησης, font-stretchμπορεί να χρησιμοποιηθεί ως μέρος της fontστενής ιδιότητας.

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

Χρώμιο Σαφάρι Firefox ΛΥΡΙΚΗ ΣΚΗΝΗ ΙΕ Android iOS
κανένας κανένας 9+ κανένας 9+ κανένας κανένας