سلام به همه پی وی لرنی های عزیز!
به دوره آموزش ویژگی های CSS خوش آمدید. CSS مخفف Cascade Style Sheets است که توسط W3C یا کنسرسیوم جهانی وب ایجاد شده است. اگر HTML اسکلت و ساختار وب است آنگاه CSS گوشت و پوست وب را تشکیل می دهد که ضعف های HTML را پوشش داده و آن ها را رفع می نماید. در این مجموعه از مجموعه آموزش های پی وی لرن قرار است به سراغ دوره آموزش ویژگی های CSS برویم و شما را با Properties ها یا ویژگی های CSS آشنا کنیم. روند هر جلسه این دوره به این شکل است که هر جلسه اختصاص به یک ویژگی دارد و در هر جلسه نیز برای هر Property یا ویژگی نیز سعی شده با ارائه مثال های مرتبط، یادگیری ویژگی های CSS آسان تر و ماندگارتر شود.
در جلسه گذشته با ویژگی font-size آشنا شده و آموختیم که ویژگی font-size اندازه یک فونت را تعیین می کند.
در این جلسه قرار است به آموزش کار با ویژگی font-size-adjust در CSS بپردازیم.
آموزش کار با ویژگی font-size-adjust در CSS
به مثال زیر توجه نمایید؛ در این مثال با مشخص کردن font-size-adjust، مرورگر اندازه فونت را بدون توجه به خانواده فونت تنظیم می کند (“verdana” دارای ابعاد ۰٫۵۸ است).
مثال :
| div { font-size-adjust: 0.58; } |
تعریف و کاربرد
هنگامی که اولین فونت انتخابی در دسترس نباشد آنگاه ویژگی font-size-adjust به شما امکان می دهد کنترل بهتری بر اندازه فونت داشته باشید.
وقتی فونت در دسترس نباشد، مرورگر از فونت مشخص شده دوم استفاده می کند. این موضوع می تواند باعث تغییر بزرگی در اندازه فونت شود. لذا برای جلوگیری از این مسئله، از ویژگی font-size-adjust استفاده کنید.
همه فونت ها “مقدار ابعاد” یا “aspect value” دارند که تفاوت اندازه بین حرف کوچک “x” و حرف بزرگ “X” است.
هنگامی “aspect value” به عنوان اولین فونت انتخاب شده توسط مرورگر شناسایی شود؛ مرورگر می تواند هنگام نمایش متن با فونت انتخاب شده دوم؛ تشخیص دهد از چه اندازه فونت یا font-size استفاده شود.
| مقدار پیش فرض | none |
| به ارث بردن | بله |
| متحرک بودن | بله |
| نسخه | CSS3 |
| سینتکس JavaScript | “object.style.fontSizeAdjust=”0.58 |
پشتیبانی مرورگر ها
در ادامه آموزش کار با ویژگی font-size-adjust در CSS جدولی ارائه کرده ایم که نشان می دهد این ویژگی CSS در چه مرورگر های پشیبانی می شود.
| نام ویژگی |  |  |  |  |  |
| font-size-adjust | ۱٫۰ | ۱٫۰ | ۷٫۰ | ۱٫۰ | ۵٫۵ |
سینتکس CSS
مثال :
| font-size-adjust: number|none|initial|inherit; |
مقدار ویژگی
| مقدار | توضیحات |
|---|
| number | aspect value را برای استفاده تعیین می کند. |
| none | مقدار پیش فرض است. هیچ اندازه فونتی را تنظیم نمی کند. |
| initial | ویژگی را به مقدار پیش فرض خود تنظیم می کند. |
| inherit | این ویژگی را از عنصر parent خود به ارث می برد. |
کلام آخر
در این جلسه به آموزش کار با ویژگی font-size-adjust در CSS پرداختیم؛ هنگامی که اولین فونت انتخابی در دسترس نباشد ویژگی font-size-adjust به شما امکان می دهد کنترل بهتری بر اندازه فونت داشته باشید.
در جلسه بعدی با ویژگی font-stretch آشنا خواهیم شد.
با پی وی لرن همراه باشید.
فروشگاه
فیلم های آموزشی
کتاب های آموزشی
مقالات آموزشی
وردپرس
