ویژگی قلم

از ویکی‌کد، دانشنامهٔ برنامه‌نویسی
پرش به ناوبری پرش به جستجو
Main Page Tutorial
Css-menu.jpg
موارد آموزشی
۱خانه
۲مقدمه
۳شیوهٔ نوشتار
۴انتخابگرها
۵اضافه‌کردن CSS
۶نظرات
۷رنگ‌ها
۸پس‌زمینه‌ها
۹کادرها
۱۰حاشیه‌ها
۱۱Padding
۱۲ارتفاع/عرض
۱۳Box Model
۱۴Outline
۱۵متن
۱۶قلم‌ها
۱۷آیکن‌ها
۱۸لینک‌ها
۱۹لیست‌ها
۲۰جداول
۲۱ویژگی Display
۲۲ویژگی Max-Width
۲۳ویژگی Position
۲۴ویژگی Overflow
۲۵ویژگی Float
۲۶مقدار Inline-block
۲۷ترازکردن
۲۸ترکیب کننده‌ها
۲۹شبه کلاس
۳۰شبه عنصر
۳۱ویژگی Opacity
۳۲نوار Navigation
۳۳منو آبشاری
۳۴گالری تصویر
۳۵Image Sprites
۳۶انتخاب‌گرهای خاصیت
۳۷فرم‌ها
۳۸شمارنده‌ها
۳۹چیدمان وب‌سایت
۴۰واحدها
۴۱اولویت‌بندی
CSS پیشرفته
واکنش‌گرایی
Grid در CSS
مثال‌ها
مرجع‌ها


ویژگی قلم

برای کوتاه‌سازی کد، تعیین تمامی ویژگی‌های font در یک ویژگی ممکن است.[۱]

ویژگی font یک ویژگی مختصر برای ویژگی‌های زیر است:

  • font-style
  • font-variant
  • font-weight
  • font-size/line-height
  • font-family
مثال
1 p.a {
2   font: 20px Arial, sans-serif;
3 }
4 
5 p.b {
6   font: italic small-caps bold 12px/30px Georgia, serif;
7 }


نکته: ویژگی font-size و font-family اجباری هستند. اگر یکی از مقادیر نوشته نشوند، مقادیر پیش‌فرض آنها استفاده خواهند شد.

خود را با تمرین‌ها امتحان کنید!

تمامی ویژگی‌های قلم در CSS

ویژگی توضیحات
font تمامی ویژگی‌های font را در یک اعلان تنظیم می‌کند
font-family خانواده قلم را برای متن مشخص می‌کند
font-size اندازه قلم متن را مشخص می‌کند
font-style استایل قلم متن را مشخص می‌کند
font-variant مشخص می‌کند که آیا یک متن می‌بایست بصورت small-caps نمایش داده شود یا خیر
font-weight وزن یک قلم را مشخص می‌کند


منابع آموزشی