css מאפייני font font-variant-position

✔️ font-variant-position CSS Style Property

המאפיין font-variant-position שולט בשימוש בגליפים חלופיים וקטנים יותר הממוקמים ככתב עילי או ככתב משנה.

הגליפים ממוקמים ביחס לקו הבסיס של הגופן, שנשאר ללא שינוי. גליפים אלה משמשים בדרך כלל באלמנטים sub ו-sup.

כאשר השימוש בגליפים החלופיים הללו מופעל, אם לדמות אחת בריצה אין גליף משופר טיפוגרפי כזה, כל קבוצת התווים של הריצה מעובדת בשיטת fallback, המסנתזת את הגליפים הללו.

הגליפים החלופיים האלה חולקים את אותה em-box ואת אותו קו בסיס כמו שאר הגופן. הם רק משופרים מבחינה גרפית, ואין להם השפעה על גובה הקו ומאפייני הקופסה האחרים.

דוגמא: הגדרת מיקום כתב תחתון או עליון

Demo Panel:

H₂O CO₂ x² y³

CSS: 111
HTML: 222
Syntax:

Valid values:
  • normal, sub, super, revert, revert-layer, unset, inherit, initial

Js Syntax: element.style.fontVariantPosition

תאימות דפדפנים

font-variant-position
הערך שנבדקChromeFirefoxEdgeCOpera
normal✔️✔️✔️✔️
sub✔️✔️✔️✔️
super✔️✔️✔️✔️
revert✔️✔️✔️✔️
revert-layer✔️✔️✔️✔️
unset✔️✔️✔️✔️
inherit✔️✔️✔️✔️
initial✔️✔️✔️✔️