خصوصیت font-size
مثال (خصوصیت font-size)
مشخص کردن اندازه متن عناصر مختلف:
h1 {font-size:250%}
h2 {font-size:200%}
p {font-size:100%}
خودتان امتحان کنید »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 | تعیین می کند که اندازه فونت باید از والدش، ارث بری داشته باشد. |
بیاموزهای مرتبط
Styling Fonts (بیاموز CSS)
font (مرجع خصوصیت های CSS)
- نوشته شده توسط امیر پهلوان صادق
- بازدید: 7459
