ویژگی Style font
- صفحه قبل flexWrap
- صفحه بعدی fontFamily
- برگرد به لایه بالاتر صورت Style HTML DOM
تعریف و استفاده
فونت ویژگی‌ها به صورت کوتاه‌تر تنظیم یا بازگردانده می‌شوند و حداکثر شش ویژگی جداگانه‌ی فونت را پشتیبانی می‌کنند.
از طریق این ویژگی، می‌توانید محتوای زیر را تنظیم/بازگردانید (به ترتیب زیر):
font-size و font-family ضروری است. اگر یکی از مقادیر دیگر کم باشد، مقدار پیش‌فرض (اگر وجود داشته باشد) وارد خواهد شد.
این ویژگی‌ها نیز می‌توانند با استفاده از ویژگی‌های单独ه‌ی استایل تنظیم شوند. توصیه می‌شود که نویسندگان غیرحرفه‌ای از ویژگی‌های单独ه‌ی استایل استفاده کنند تا کنترل بهتری داشته باشند.
لطفاً به
آموزش CSS:CSS قلم
دستورالعمل 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. |
جزئیات فنی
| مقدار پیش‌فرض: | تعیین نشده |
|---|---|
| مقدار بازگشتی: | رشته‌ای که ویژگی‌های مختلف فونت یک عنصر را نشان می‌دهد. |
| نسخه CSS: | CSS1 |
پشتیبانی مرورگر
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| پشتیبانی می‌کند | پشتیبانی می‌کند | پشتیبانی می‌کند | پشتیبانی می‌کند | پشتیبانی می‌کند |
- صفحه قبل flexWrap
- صفحه بعدی fontFamily
- برگرد به لایه بالاتر صورت Style HTML DOM
