English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

دليل CSS

قواعد CSS (@RULES)

مجلة خصائص CSS

طريقة استخدام خاصية font-size-adjust CSS و أمثلة

يحدد خاصية font-size-adjust CSS حجم الخط يجب أن يتم اختياره بناءً على ارتفاع الحروف الصغيرة وليس ارتفاع الحروف الكبيرة.

عندماfont-familyإذا لم تكن التفضيلات المحددة من قبل المؤلف متاحة، فإن هناك رجوعًا إلى الخطوط، مما قد يؤدي إلى زيادة أو تقليل حجم الخط. يتم استخدام خاصية font-size-adjust هذا للحفاظ على قابلية القراءة للنص في هذه الحالة. إنه يفعل ذلك عن طريق تعديل حجم الخط، حتى لو تم استخدام أي خط،x-heightكلها متشابهة.

الجدول أدناه يوضح استخدام هذه الخاصية و سجله التاريخي، بالإضافة إلى لغة استخدام الخاصية في سكربتات الجافا سكربت.

القيمة الافتراضية:none
تنطبق على:
جميع العناصر. وهي تنطبق أيضًا على::first-letter و::first-line.
الوراثة:نعم
يمكن أن يتم تصنيع الرسوم المتحركة:نعم.يرجى الرجوع خصائص الرسوم المتحركة
الإصدار: ميزات CSS3 الجديدة
جملة JavaScript:JavaScript.style.fontSizeAdjust="0.58"

جملة استخدام font-size-adjust

جملة هذه الخاصية هي:

font-size-adjust: number | none | initial | inherit

يوضح المثال أدناه كيفية استخدام خاصية font-size-adjust.

p {
    font-family: "DejaVu Sans", Arial, sans-serif;
    font-size-adjust: 0.6;
}
اختبار لمعرفة‹/›

قيمة الخاصية

يصف الجدول أدناه قيم هذه الخاصية.

قيمةوصف
numberتحديد نسبة الأبعاد الخاصة بالخط. المعادلة القابلة للاستخدام: حجم الخط للخط المفضل * (قيمة font-size-adjust / قيمة aspect للخط المتاح) = حجم الخط الذي يمكن تطبيقه على الخط المتاح. مثال: إذا لم يكن حجم الخط 14px من Verdana (قيمة aspect هي 0.58) متاحًا، ولكن لديك خط متاح له قيمة aspect هي 0.46، فإن حجم الخط للمخطط سيكون 14 * (0.58/0.46) = 17.65px.
noneهذا هو القيمة الافتراضية. لا يتم تعديل حجم الخط. فقط بناءً علىfont-sizeتحديد حجم الخط للخطوط.
initialضبط هذه الخاصية إلى قيمتها الافتراضية.
inheritإذا تم تحديد هذا، فإن العنصر المرتبط يستخدم قيمة font-size-adjust للعنصر الأب.

توافق المتصفح

font-size-adjust غير مدعوم في معظم المتصفحات.

  • Firefox 3+

  • Google Chrome×

  • Internet Explorer ×

  • Apple Safari ×

  • Opera ×

تحذير:تحذير: font-size-adjust غير مدعوم في معظم المتصفحات الحالية. من الأفضل تجنب استخدام هذه الخاصية.

قراءة متعمقة

يرجى الرجوع إلى التعليمات التالية:خطوط CSS،وحدات CSS،مثلثات CSS

خصائص ولوائح ذات صلة:font،font-family،font-size،font-stretch،font-style،font-variant،font-weight،@font-face