خصوصیت font-size

مثال

مشخص کردن اندازه متن عناصر مختلف:

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

تعریف و کاربرد

با استفاده از خصوصیت font-size می توانیم اندازه فونت را مشخص کنیم.

مقدار پیشفرض medium
ارث بری بله
نسخه CSS1
JavaScript ساختار object.style.fontSize="larger"

پشتیبانی مرورگرها

    

تمام مرورگرهای اصلی، خصوصیت font-size را پشتیبانی می کنند.

توجه: مرورگر Internet Explorer 7 و نسخه های قبلی آن، مقدار "inherit" را پشتیبانی نمی کند. IE8 به !DOCTYPE! نیاز دارد. IE9 مقدار "inherit" را پشتیبانی می کند.

مقدارهای خصوصیت

مقدار توضیحات نمایش دادن
xx-small اندازه فونت را خیلی خیلی کوچک می کند.
x-small اندازه فونت را خیلی کوچک می کند.
small اندازه فونت را کوچک می کند.
medium اندازه فونت را متوسط قرار می دهد. این مقدار پیش فرض است.
large اندازه فونت را بزرگ قرار می دهد.
x-large اندازه فونت را خیلی بزرگ قرار می دهد.
xx-large اندازه فونت را خیلی خیلی بزرگ قرار می دهد.
smaller

اندازه فونت را از اندازه فونت عنصر والدش کوچکتر قرار می دهد.
larger

 اندازه فونت را از اندازه فونت عنصر والدش بزرگتر قرار می دهد.
length انداز فونت را مقداری ثابت بر اساس واحدهای px و cm و غیره قرار می دهد.
% اندازه فونت را درصدی از اندازه فونت پدرش قرار می دهد.
inherit تعيين مي کند که اندازه فونت بايد از والدش، ارث بري داشته باشد.