English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
خصائص حجم الخط CSS تستخدم لضبط حجم النص في محتوى العنصر.
الجدول أدناه يوضح شرح استخدام هذه الخاصية وتاريخ إصداراتها، بالإضافة إلى استخدام هذه الخاصية في لغة الجافاسكربت.
| القيمة الافتراضية: | medium |
|---|---|
| يُستخدم ل: | جميع العناصر |
| الوراثة: | نعم |
| يمكن تفعيل الرسوم المتحركة: | نعم.يرجى الرجوع خصائص الرسوم المتحركة. |
| الإصدار: | CSS 1،2،3 |
| قواعد لغة JavaScript: | object.style.fontSize="medium" |
قواعد النص هذا كالتالي:
حجم الخط: xx-small | x-small | small | medium | large | x-large | xx-large | smaller | larger | length | percentage | initial | inherit
في المثال التالي، يتم عرض كيفية استخدام خاصية font-size.
body {
font-size: 14px;
}
h1 {
font-size: 2em;
}اختبار‹/›جدول التالي يصف قيمة هذه الخاصية.
| القيمة | الوصف |
|---|---|
| xx-small | مجموعة من الكلمات المطلقة. يتم تقليل حجم الخط للنص بناءً على تفضيلات خط المستخدم للمتصفح وبالنسبة إلى خوارزمية تقليل الخط الداخلية للمتصفح. القيمة الوسطية (16px) لخصائص font-size تتطابق مع حجم الخط الافتراضي للمتصفح. |
x-small | |
small | |
medium | |
large | |
x-large | |
xx-large | |
| smaller | أو أكبر أو أصغر أو أكبر من حجم الخط للعنصر الأم، يستخدم لفصل النسبية للكلمات المطلقة في الأعلى. على سبيل المثال، إذا كان حجم الخط للعنصر الأم medium، فإن القيمة larger تجعل حجم الخط للعنصر الحالي large. |
larger | |
| length | باستخدام وحدات طول مثل px،pt،cm،em وما إلى ذلك، لا يسمح بالقيم السلبية. |
| percentage | ضبط حجم الخط إلى نسبة حجم الخط للعنصر الأم. لا يسمح بالقيم السلبية. |
| initial | إعداد هذه الخاصية إلى قيمتها الافتراضية. |
| inherit | إذا تم تحديد، فإن العنصر المرتبط يستخدم قيمة الخاصية font-size للعنصر الأم. |
ملاحظة:خصائص font-size في جميع المتصفحات الحديثة (مثل Firefox، Chrome، IE، Safari، Opera وما إلى ذلك)، القيمة الافتراضية لهذه الخاصية هي وسطية (16px).
مستوى التوافق للمتصفح لخصائص font-size، الأرقام في الجدول التالي تمثل أحدث إصدار من المتصفح يدعم هذا الخاصية؛ جميع المتصفحات الشائعة يدعمون هذه الخاصية.
|
يرجى الرجوع إلى الدروس التالية:خط CSS,نص CSS.
خصائص وقواعد مرتبطة:line-height,font,font-family,font-style,font-variant,font-weight,@font-face.