ویژگی font CSS
- صفحه قبل float
- صفحه بعدی @font-face
تعریف و استفاده
ویژگی کوتاه نوشته شده 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 |
- صفحه قبل float
- صفحه بعدی @font-face