CSS – نموذج الوعاء/الصندوق Box Model

كل عنصر من عناصر HTML يتم معاملته على اساس انه وعاء / صندوق مستطيل. يكون المحتوى (سواء كان نصا او صورة او غيرها) في المنتصف، يحده مسافة تسمى الحاشية padding ثم الحدود Border واخير الهامش Margin كما هو موضح بالشكل

نستطيع ان نتحكم في ابعاد كل من الحشو والحدود والهامش، كما اننا نستطيع ان نتحكم في ابعاد كل جهة منهم ببعض الخواص كما هو موضح بالشكل:

في الدروس التالية سوف نشرح كل من تلك الخصائص.