خصوصیت font-size

چاپ

مثال (خصوصیت font-size)

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

h1 {font-size:250%}
h2 {font-size:200%}
p {font-size:100%}
خودتان امتحان کنید »

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

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

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

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

Internet Explorer Firefox Opera Google Chrome Safari

تمام مرورگرهای اصلی، خصوصیت 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 تعیین می کند که اندازه فونت باید از والدش، ارث بری داشته باشد.  

بیاموزهای مرتبط

Styling Fonts (بیاموز CSS)

font (مرجع خصوصیت های CSS)