ویژگی font-size در CSS
ویژگی font-size، اندازه متن را تعیین می کند .
font-size: 15px;مقدار font-size می تواند با واحدهای قطعی (Absolute size) یا نسبی (Relative size) باشد.
نکته: برای اطلاعات بیشتر، به آموزش واحدها در CSS مراجعه کنید.
مقدار دهی قطعی font-size در CSS
می توان از واحد های قطعی برای مقداردهی به ویژگی font-size استفاده کنید. مانند:
- cm: سانتی متر
- mm: میلی متر
- in: اینچ
- px: پیکسل
- pt: پوینت
- pc: پیکاس
font-size: 18px;همچنین شما می توانید از کلمات کلیدی زیر برای اندازه دهی قطعی استفاده کنید:
- xx-small (بسیار کوچک)
- x-small
- small
- medium
- large
- x-large
- xx-large (بسیار بزرگ)
font-size: x-small;
font-size: xx-large;مقدار دهی نسبی font-size در CSS
یکی از رایج ترین راه مقداردهی font-size، استفاده از واحدهای نسبی می باشد. برخی از این واحد ها عبارتند از:
- em
- vh
- %
font-size: 5em;
font-size: 80%;نکته: واحد های نسبی، نسبت به المان های اطراف خود تنظیم می شوند.
نکته: استفاده از واحد های نسبی و پیکسل، این اجازه را می دهد به کاربر می دهد اندازه متن را در مرورگر بتواند تغییر دهد.
دو کلمه کلیدی نیز در واحدهای نسبی وجود دارد که می توانید از آنها نیز استفاده کنید:
- smaller
- larger
font-size: smaller;
font-size: larger;نکته: این دو کلمه کلیدی، نسبت به المان والد محاسبه می شوند.
استفاده از em برای font-size در CSS
یکی از رایج ترین واحدهای نسبی، em می باشد.
به طور پیش فرض مقدار 1em برابر با 16px می باشد.
font-size: 2.5em; نکته: واحد em در همه مرورگرها به جز برخی نسخه های اینترنت اکسپلورر، پشتیبانی می شود.
نکته: توصیه می شود در ابتدا از px یا em برای تغییر اندازه متن استفاده کنید.
خلاصه درس
در این درس با ویژگی font-size در CSS:
- مقداردهی قطعی
- مقداردهی نسبی
- استفاده از em
آشنا شدیم.
احسان اسلامی
