خصائص font-size-adjust CSS
- الصفحة السابقة font-size
- الصفحة التالية font-stretch
定义和用法
属性的font-size-adjust为一个元素规定一个aspect值,这样就可以保持首选字体的x-height。
شرح
الارتفاع الجانبي للحرف الصغير "x" في الخط مقسومًا على الارتفاع الكلي للخط يُدعى قيمة aspect للخط. عندما يكون لديك قيمة aspect مرتفعة للخط، فإنه يصبح أسهل القراءة عند ضبط حجم الخط إلى حجم صغير. مثال: قيمة aspect لخط Verdana هي 0.58 (يعني عند حجم الخط 100px، فإن x-height هو 58px). قيمة aspect لخط Times New Roman هي 0.46. هذا يعني أن Verdana يصبح أسهل القراءة عند حجم صغير مقارنة بـ Times New Roman.
انظر أيضًا:
دليل CSSخط CSS
دليل CSSخصائص font CSS
دليل HTML DOMخاصية fontSizeAdjust
مثال
إعداد خاصية font-size-adjust لعدة عناصر HTML:
h1 { font-size-adjust:0.58; } p { font-size-adjust:0.60; }
جملة CSS
font-size-adjust: رقم|لا شيء|مبدئي|تنسيق الإرث;
قيمة الخاصية
القيمة | الوصف |
---|---|
لا شيء | افتراضي. إذا لم يكن هذا الخط متاحًا، فإنه لن يحافظ على x-height لهذا الخط. |
رقم |
تحديد نسبة القيمة الجانبية للخط. المعادلة القابلة للاستخدام:حجم الخط للخط المفضل * (قيمة font-size-adjust / القيمة الجانبية للخط المتاح) = حجم الخط الذي يمكن تطبيقه على الخط المتاح مثال:إذا لم تكن Verdana (القيمة الجانبية هي 0.58) متاحة، ولكن هناك خط متاح لهذا القيمة الجانبية هي 0.46، فإن حجم الخط للخط البديل سيكون 14 * (0.58/0.46) = 17.65px. |
تفاصيل التقنية
القيمة الافتراضية: | لا شيء |
---|---|
تنسيق الإرث: | نعم |
الإصدار: | CSS2 |
جافا سكربت الجملة: | object.style.fontSizeAdjust="0.70" |
مثال TIY
- استخدام font-size-adjust لضبط حجم الخط
- هذا المثال يوضح كيفية استخدام font-size-adjust لضبط حجم الخط.
دعم المتصفح
الرقم في الجدول يوضح الإصدار الأول من المتصفح الذي يدعم هذه الخاصية بالكامل.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
لا يدعم | لا يدعم | 3.0 | لا يدعم | لا يدعم |
- الصفحة السابقة font-size
- الصفحة التالية font-stretch