خاصية font-size
آخر تحديث: 2026-09-13
font-size خاصية font-size
تحدد خاصية font-size في CSS حجم النص. تقبل الكلمات الأساسية المطلقة أو الأطوال الثابتة أو الوحدات النسبية مثل em وrem، وهي من أكثر خصائص تنسيق النص استخدامًا.
| الفئة | |
|---|---|
| القيمة الأولية | medium |
| موروث | نعم |
| ينطبق على | all |
| نوع الحركة | font-weight |
| إصدار CSS | CSS1 |
| الحالة | قياسي |
📝 التركيب
font-size: xx-small | x-small | small | medium | large | x-large | xx-large | larger | smaller | <length> | <percentage>;⚙️ القيم
| القيمة | النوع | الوصف |
|---|---|---|
xx-small | x-small | small | medium | large | x-large | xx-large | larger | smaller | كلمة مفتاحية | كلمات أساسية لحجم مطلق |
<length> | النوع | حجم خط ثابت، مثل 16px |
<percentage> | النوع | نسبة مئوية بالنسبة لحجم خط العنصر الأب |
▶ مثال
عدّل الكود أدناه وشاهد النتيجة المباشرة في الملعب:
🌐 دعم المتصفحات
| المتصفح |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| font-size | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| مدعوم في جميع المتصفحات الرئيسية | |||||
تلميح： تفضّل الوحدات النسبية (em/rem) لحجم الخط حتى يتناسب النص مع إعدادات المستخدم والتخطيطات المتجاوبة.
تحذير： تجنّب الكلمات الأساسية المطلقة مثل xx-small أو x-small؛ فعرضها غير متسق عبر المتصفحات.
❓ الأسئلة الشائعة
Qما الفرق بين وحدات px وem وrem في CSS؟
Apx قيمة بكسل ثابتة لا تتغير حسب السياق؛ وem نسبية لحجم خط العنصر الأب وتتراكم مع التداخل؛ وrem نسبية للعنصر الجذر (html) ولا تتأثر بالتداخل. استخدم rem أو clamp() للتخطيطات المتجاوبة، وem عند الرغبة في تغيير الحجم بالنسبة للأب، وpx للقيم مثل الحدود التي لا ينبغي أن تتغير مع الخط.
Qما هو حجم الخط الافتراضي الذي تستخدمه المتصفحات لصفحات الويب؟
Aالقيمة الافتراضية هي medium، التي يعرضها معظم المتصفحات كـ 16px. تعيين html { font-size: 62.5% } يجعل 1rem يساوي 10px، مما يبسّط الحسابات بمضاعفات العشرة، ولكن لاحظ أنه يؤثر على كل عنصر يستخدم rem، لذا استخدمه بحذر.
Qكيف تُحسب قيمة النسبة المئوية لـ font-size بالنسبة للأب؟
Aتُحل النسبة المئوية بالنسبة لحجم خط العنصر الأب: إذا كان الأب 16px، فإن font-size: 150% تساوي 24px. تتغير بنسبة متناسبة مع الأب وتتصرف مثل em، وتناسب النص المؤكَّد أو القوائم التي تحتاج إلى التغيير مع سياقها.
🏷️ خصائص ذات صلة
💡 حالات ذات صلة
📚 دروس ذات صلة
