ویژگی Style font
- الصفحة السابقة flexWrap
- الصفحة التالية fontFamily
- رجوع الاعلى اجزای Style HTML DOM
تعریف و کاربرد
فونت ویژگی‌ها به صورت کوتاه‌شده تنظیم یا بازگردانده می‌شوند و حداکثر شش ویژگی جداگانه‌ی فونت را پشتیبانی می‌کنند.
اساتذة، می‌توانید با استفاده از این ویژگی، موارد زیر را تنظیم/بازگردانید (به ترتیب زیر):
font-size و font-family ضروری است. اگر یکی از مقادیر دیگر کم باشد، مقدار پیش‌فرض (اگر موجود باشد) را درج می‌کند.
این ویژگی‌ها نیز می‌توانند با استفاده از ویژگی‌های单独ی تنظیم شوند. توصیه می‌شود که نویسندگان غیر پیشرفته از ویژگی‌های单独ی استفاده کنند تا کنترل بهتری داشته باشند.
الاستشاره أيضًا:
درس CSSCSS فونٹ
كتابة CSSویژگی font
مثال
مثال 1
تنظیم فونت <p> عناصر:
document.getElementById("myP").style.font = "italic bold 20px arial,serif";
مثال 2
بازگشتی <p> عناصر فونت:
alert(document.getElementById("myP").style.font);
قانون‌گذاری
بازگشتی ویژگی font:
object.style.font
تنظیم ویژگی font:
object.style.font = "font-style font-variant font-weight font-size/line-height|caption|icon|menu| message-box|small-caption|status-bar|initial|inherit;"
مقدار ویژگی
| مقدار | توضیح |
|---|---|
| style | تنظیم سبک فونت. |
| variant | تنظیم متن به صورت درشت. |
| weight | تنظیم نازک یا چربی فونت. |
| size | تنظیم اندازه فونت. |
| lineHeight | تنظیم فاصله خط. |
| family | تنظیم فونت. |
| caption | فونتی که برای کنترل‌های عنوان (مانند دکمه‌ها، منوهای کشویی و غیره) استفاده می‌شود. |
| icon | فونتی که برای علامت‌ها استفاده می‌شود. |
| menu | فونتی که در منوها استفاده می‌شود. |
| message-box | فونتی که در پنجره‌های پیام استفاده می‌شود. |
| small-caption | فونتی که در کنترل‌های کوچک استفاده می‌شود. |
| status-bar | فونتی که در نوار وضعیت پنجره استفاده می‌شود. |
| initial | این ویژگی را به مقدار پیش‌فرض خود تنظیم کنید. لطفاً به initial. |
| inherit | این ویژگی را از عنصر والد خود ارث می‌برد. لطفاً به inherit. |
جزئیات فنی
| مقدار پیش‌فرض: | غير مشخص |
|---|---|
| مقدار بازگشتی: | STRING، نشان‌دهنده ویژگی‌های مختلف فونت یک عنصر. |
| نسخة CSS: | CSS1 |
دعم المتصفحات
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| دعم | دعم | دعم | دعم | دعم |
- الصفحة السابقة flexWrap
- الصفحة التالية fontFamily
- رجوع الاعلى اجزای Style HTML DOM
