ویژگی font-size-adjust CSS
- صفحه قبل font-size
- صفحه بعدی font-stretch
تعریف و استفاده
ویژگی font-size-adjust یک مقدار aspect برای یک عنصر تعیین میکند، که به این ترتیب میتوان x-height اولین قلم را حفظ کرد.
توضیحات
ارتفاع حروف کوچک "x" در یک فونت با نسبت ارتفاع فونت به ارتفاع "font-size" معروف به aspect فونت است. وقتی aspect فونت بالا باشد، هنگام تنظیم اندازه کوچک، خوانایی آن بهبود مییابد. مثال: aspect فونت Verdana 0.58 است (معنای آن این است که وقتی اندازه فونت 100px باشد، ارتفاع x-height 58px است). aspect فونت Times New Roman 0.46 است. این به این معناست که Verdana در اندازههای کوچکتر از Times New Roman خواناتر است.
لطفاً به:
آموزش CSS:اطلاعات خط CSS
دستورالعمل مرجع CSS:ویژگی font CSS
دستورالعمل مرجع HTML DOM:ویژگی fontSizeAdjust
مثال
تنظیم ویژگی font-size-adjust برای عناصر مختلف HTML:
h1 { font-size-adjust:0.58; } p { font-size-adjust:0.60; }
جملهنویسی CSS
font-size-adjust: اعداد|none|initial|inherit;
مقدار ویژگی
مقدار | توضیح |
---|---|
هیچیک | پیشفرض. اگر این فونت در دسترس نباشد، x-height این فونت حفظ نمیشود. |
اعداد |
تعریف نسبت aspect فونت. معادله قابل استفاده:اندازه فونت اولتر * (مقدار font-size-adjust / aspect فونت قابل استفاده) = اندازه فونت قابل اعمال به فونت قابل استفاده مثال:اگر Verdana (aspect مقدار 0.58) با اندازه 14px در دسترس نباشد، اما یک فونت قابل استفاده با aspect مقدار 0.46 باشد، اندازه فونت جایگزین 14 * (0.58/0.46) = 17.65px خواهد بود. |
جزئیات فنی
مقدار پیشفرض: | هیچیک |
---|---|
ارثبرداری: | بله |
نسخه: | CSS2 |
جملهنویسی JavaScript: | object.style.fontSizeAdjust="0.70" |
مثال عملی
- استفاده از font-size-adjust برای تنظیم اندازه فونت
- این مثال نحوه استفاده از font-size-adjust برای تنظیم اندازه فونت را نشان میدهد.
پشتیبانی مرورگر
اعداد در جدول نشاندهنده نسخه اولیه مرورگرهایی هستند که این ویژگی را کاملاً پشتیبانی میکنند.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
پشتیبانی نمیشود | پشتیبانی نمیشود | 3.0 | پشتیبانی نمیشود | پشتیبانی نمیشود |
- صفحه قبل font-size
- صفحه بعدی font-stretch