ویژگی font CSS

تعریف و استفاده

ویژگی کوتاه نوشته شده font تمام ویژگی‌های فونت را در یک بیان تنظیم می‌کند.

نکات:این ویژگی همچنین شامل ششمین مقدار "line-height" است که می‌تواند فاصله بین خطوط را تنظیم کند.

توضیحات

این ویژگی کوتاه نوشته شده برای تنظیم دو یا بیشتر جنبه‌های فونت یک عنصر استفاده می‌شود. استفاده از کلمات کلیدی مانند icon می‌تواند فونت عنصر را به طور مناسب تنظیم کند تا با یک جنبه از محیط کامپیوتری کاربر سازگار باشد. توجه داشته باشید که اگر از این کلمات کلیدی استفاده نشود، حداقل باید اندازه فونت و نوع فونت را مشخص کنید.

می‌توان این ویژگی‌ها را به ترتیب تنظیم کرد:

می‌توان یکی از این مقادیر را تنظیم نکرد، مانند font:100% verdana; نیز مجاز است. ویژگی‌هایی که تنظیم نشده‌اند از مقدار پیش‌فرض استفاده می‌کنند.

لطفاً به:

آموزش CSSCSS حروف

دستورالعمل HTML DOMویژگی font

مثال

تنظیم تمام ویژگی‌های فونت در یک بیان:

p.ex1
  {
  font:italic arial,sans-serif;
  }
p.ex2
  {
  font:italic bold 12px/20px arial,sans-serif;
  }

آزمایش کنید

جملة CSS

font: font-style font-variant font-weight font-size/line-height font-family|caption|icon|menu|message-box|small-caption|status-bar|initial|inherit;

مقدار ویژگی

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

جزئیات فنی

مقدار پیش‌فرض: مشخص نشده
ارث‌پذیری: بله
نسخه: CSS1
جمله برنامه‌نویسی: object.style.font="italic small-caps bold 12px arial,sans-serif"

مثال عملی

تمام ویژگی‌های فونت در یک بیان
این مثال نحوه تنظیم فونت‌ها با استفاده از ویژگی‌های کوتاه نشان می‌دهد.
تنظیم استفاده از "caption" برای تنظیم فونت بخش‌ها
این مثال نحوه تنظیم استفاده از "caption" برای تنظیم فونت بخش‌ها را نشان می‌دهد.

پشتیبانی مرورگر

اعداد در جدول نشان‌دهنده نسخه اولین مرورگر هستند که این ویژگی را کاملاً پشتیبانی می‌کند.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5