در این قسمت از آموزش CSS ، ویژگی Font-Size را برای شما توضیح می دهیم.
با استفاده از ویژگی Font-Size در طراحی سایت سایز قلم متن را انتخاب می کنند.این خاصیت دارای حالت های مختلفی می باشد که عبارتنداز:
Xx-Small : این قلم سایز متن نوشته شده را به صورت خیلی کوچک قرار می دهد.
X-Small : این قلم سایز متن نوشته شده را به صورت کمی کوچک درمی آورد.
Small : با استفاده از این قلم سایز نوشته کوچک می شود.
Medium : این قلم سایز متن را متوسط نشان می دهد.
Large : این قلم سایز نوشته را در طراحی سایت بزرگ نشان می دهد.
X-Large : این قلم سایز نوشته را کمی بزرگ نشان می دهد.
Xx-Large : اندازه ی قلم بسیار بزرگ می شود.
Larger : سایز متن نوشته شده نسبت به سایز خطوط همجوار کمی بزرگتر دیده می شود
Smaller : سایز متن نوشته شده نسبت به سایر خطوط همجوار کمی کوچکتر دیده می شود.
Length : این حالت اندازه ی قلم متن را بر حسب واحدی مانند پیکسل و یا نقطه (pt) تعیین می کند.
درصد % : این حالت اندازه قلم متن را نسبت به عنصر مادر و یا حالت استاندارد،برحسب درصد تعیین می کند.
مثال زیر کاربرد ویژگی Font-Size را در بخش آموزش Css نشان می دهد.
< p style="color: Maroon; font-family: Arial" >
< span style="font-size: small ; color : green" > This part has a small font < /span >
< span style="font-size: medium ; color : blue" > This part has a medium font < /span >
< span style="font-size: x-large color : red" > This part has a big font < /span >
< span style="font-size: 20px; color: Navy" > And size of font of this is 20px . < /span >
< /p >
خروجی:
This part has a small font
This part has a medium font
This part has a big font
And size of font of this is 20px .