خصائص font-size CSS

تعريف الاستخدام

يمكن استخدام خاصية font-size لضبط حجم الخط.

شرح

يحدد هذا الخصائص حجم الخط للعنصر. يُلاحظ أن هذا الخصائص يحدد ارتفاع مربع الحرف، وربما يكون الشكل الحقيقي للحرف أعلى أو أقل من هذه المربعات (عادةً أقل).

يجب أن تكون الأحرف في كل كلمة أكبر من الأحرف في الكلمة السابقة، وأصغر من الأحرف في الكلمة التالية.

انظر أيضًا:

دليل CSSحروف CSS

دليل CSSخصائص font CSS

دليل HTML DOMخصائص fontSize

مثال

ضبط حجم العناصر المختلفة من HTML:

h1 {font-size:250%;}
h2 {font-size:200%;}
p {font-size:100%;}

جرب بنفسك

جافا سكربت الجملة

font-size:medium|xx-small|x-small|small|large|x-large|xx-large|smaller|larger|length|initial|inherit;

قيمة الخاصية

القيمة الوصف
  • xx-small
  • x-small
  • small
  • متوسط
  • large
  • x-large
  • xx-large

ضع حجم الخط على حجم مختلف، من xx-small إلى xx-large.

القيمة الافتراضية: متوسط.
smaller ضع font-size على حجم أصغر من العنصر الأم.
larger ضع font-size على حجم أكبر من العنصر الأم.
length ضع font-size على قيمة ثابتة.
% ضع font-size على قيمة مئوية تستند إلى العنصر الأم.
inherit يحدد يجب أن يستمر حجم الخط من العنصر الأم.

تفاصيل التقنية

القيمة الافتراضية: متوسط
التنسيقية: نعم
الإصدار: CSS1
جافا سكربت الجملة: object.style.fontSize="larger"

مثال TIY

ضبط حجم الخط
هذا المثال يوضح كيفية ضبط حجم الخط.

دعم المتصفح

الرقم في الجدول يوضح إصدار المتصفح الأول الذي يدعم هذه الخاصية بالكامل.

Chrome IE / Edge Firefox Safari Opera
1.0 5.5 1.0 1.0 7.0