CSS Font Shorthand Property

-

هي خاصية الاختزال والاختصار، بمعني يمكن تجميع خصائص font في خاصية واحدة، الامر الذي يختصر الكثير من الوقت والجهد

هذه الخاصية تتعامل مع:
⦁ font-style (اجباري)
⦁ font-variant(اختياري)
⦁ font-weight(اختياري)
⦁ font-size/line-height(اختياري)
⦁ font-family(اجباري)
مثل ما هو مكتوب فوق الخصائص الاجبارية هي : font-style، font-family بقية الخصائص اذا ما اضفناها بتم تطبيق الخصائص الافتراضية

وببساطه يتم كتابة جميع هذه الخصائص في سطر واحد
تمام خلونا نعمل امثلة عملية حتى نفهم الموضوع بشكل أفضل:
نبدأ بإنشاء ملف HTML باسم  OutlineShorthand وبعدها نضيف الكود التالي: 
<!DOCTYPE html>
<html>
    <style>
        div{
font: italic small-caps bold 12px/30px Georgia, serif;
        }
    </style>
<body>
   <div> Font تطبيق </div>            
</body>
</html>

شغل الصفحة ونشوف النتيجة (الصورة)