属性 CSS font-size
- الصفحة السابقة @font-palette-values
- الصفحة التالية font-size-adjust
تعريف والاستخدام
يمكن لتخصيص خاصية font-size حجم الخط.
شرح
يحدد هذا الخاصية حجم الخط للعنصر. يُلاحظ أن هذا يحدد طول مربع الحرف في الخط، وقد يكون الحرف الفعلي أطول أو أقصر من هذة المربعات (وغالبًا يكون أقصر).
يجب أن يكون حجم الخط المحدد من قبل كل كلمة مفتاحية أكبر من حجم الخط للمفتاحية الأصغر، وأصغر من حجم الخط للمفتاحية التالية.
انظر أيضًا:
دليل CSSCSS فونت
دليل CSS属性 CSS font
دليل HTML DOMخاصية fontSize
مثال
ضبط حجم مختلف العناصر HTML:
h1 {font-size:250%;}
h2 {font-size:200%;}
p {font-size:100%;}
جملة CSS
font-size:medium|xx-small|x-small|small|large|x-large|xx-large|smaller|larger|length|initial|inherit;
قيمة الخاصية
| القيمة | الوصف |
|---|---|
|
ضع حجم الخط كحجم مختلف، من xx-small إلى xx-large. القيمة الافتراضية: متوسط. |
| smaller | ضع حجم الخط كأصغر حجم من العنصر الأم. |
| larger | ضع حجم الخط كأكبر حجم من العنصر الأم. |
| length | ضع حجم الخط كقيمة ثابتة. |
| % | ضع حجم الخط كنسبة مئوية قائمة على العنصر الأم. |
| توريث | يحدد هذا النص أن حجم الخط يجب أن يتم توريثه من العنصر الأم. |
تفاصيل التقنية
| القيمة الافتراضية: | متوسط |
|---|---|
| التوريث: | نعم |
| الإصدار: | CSS1 |
| جملة JavaScript: | object.style.fontSize="larger" |
مثال TIY
- ضبط حجم الخط
- هذا المثال يوضح كيفية ضبط حجم الخط.
دعم المتصفح
الرقم في الجدول يوضح إصدار المتصفح الأول الذي يدعم هذه الخاصية بشكل كامل.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 5.5 | 1.0 | 1.0 | 7.0 |
- الصفحة السابقة @font-palette-values
- الصفحة التالية font-size-adjust
