ویژگی font-size در css

در این قسمت از آموزش 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 .

منبع: sitedesign-co.com