نمونه کد

یک نمونه ساده از خاصیت font:

آزمایشگاه

تعریف و کاربرد

خاصیت font برای تعیین نوع عناصر متنی استفاده می شود که چندین خاصیت مرتبط نیز دارد که عبارت اند از:

font-style

font-variant

font-weight

font-size

font-family

اطلاعات

# توضیحات
مقدار پیشفرض ویژگی پیش فرض متصل به خاصیت فونت
ارث بری بله
انیمیشن بله
نسخه CSS1
نگارش JS object.style.font="italic small-caps bold 12px arial,sans-serif"

سازگاری با مرورگر

# کروم ادج فایرفاکس سافاری اپرا
font

شیوه نگارش

مقادیر

مقادیر توضیحات
font-style پیش فرض
font-variant نوع فونت را تعیین می کند که عادی باشد یا پر رنگ یا...
font-weight عرض فونت را تعیین می کند.
font-size/line-height سایز، اندازه و ارتفاع فونت مربوطه را تعیین می کند.
font-family خانواده یا همان نام فونت را انتخاب می کند.
caption از فونت های استفاده می کند که از آیتم های مربتط با زیر نویس پیروی می کنند.
icon از فونت های استفاده می شود که از آیکون ها پیروی می کنند.
menu از فونت های استفاده می شود که از نوار محتوایی پیروی می کنند.
message-box از فونت های استفاده می شود که از کادر های محاوره ای پیروی می کنند.
small-caption یک نسخه کوچک تر از فونت مربوطه را تعیین می کند.
status-bar از فونت هایی استفاده می شود که از نوار وضعیت پیروی می کنند.
initial این مقدار را به ویژگی پیش فرض خود اضافه می کند.
inherit این مقدار را از تگ والد خود به ارث می برد.