خصائص 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 أكثر قراءة عند الحجم الصغير مقارنة بتيمز نيو رومان.
انظر أيضًا:
دليل 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 |
قواعد JavaScript: | object.style.fontSizeAdjust="0.70" |
TIY مثال
- استخدام font-size-adjust لضبط حجم الخط
- هذا المثال يوضح كيفية استخدام font-size-adjust لضبط حجم الخط.
دعم المتصفح
الرقم في الجدول يوضح الإصدار الأول من المتصفح الذي يدعم هذا الخصائص بالكامل.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
لا يدعم | لا يدعم | 3.0 | لا يدعم | لا يدعم |
- الصفحة السابقة font-size
- الصفحة التالية font-stretch