ما هو نموذج الصندوق؟

في CSS، يُعامَل كل عنصر HTML على أنه مربع مستطيل، وفقًا لـ نموذج الصندوق. يتكوّن هذا النموذج من أربعة أجزاء رئيسية:

1. المحتوى: النص الفعلي أو الصورة أو أي محتوى آخر داخل المربع.

2. Padding: المساحة بين المحتوى وborder. تزيد من حجم العنصر لكنها تُبقي لون الخلفية بداخله.

3. الإطار: خط يحيط بـ padding والمحتوى. يمكن أن يكون له أنماط وألوان وعروض مختلفة.

4. الهامش: مساحة خارج border تفصل العنصر عن العناصر الأخرى.

يساعد فهم نموذج Box Model في التحكم في المسافات والتخطيط في تصميم الويب! 🚀