خاصية margin في CSS تُستخدم لتحديد المسافة الفارغة حول العناصر. بمعنى آخر، هي المسافة بين حواف العنصر والعناصر الأخرى المحيطة به. هذه الخاصية لا تؤثر على حجم العنصر نفسه، بل على المساحة خارجه.

 margin كيف تعمل خاصية 

تُحدد margin المساحة حول العنصر من جميع الجهات الأربعة: الأعلى، واليمين، والأسفل، واليسار. يمكنك التحكم في كل جهة بشكل منفصل أو تحديد قيمة واحدة تُطبق على جميع الجهات.

;خصائص margin الفرعية

margin-right: يُحدد الهامش الأيمن للعنصر.
margin-bottom: يُحدد الهامش السفلي للعنصر.
margin-left: يُحدد الهامش الأيسر للعنصر.

ملاحظات مهمة:

انهيار الهوامش (Margin Collapsing): عندما يتلامس هامش عنصرين متجاورين عموديًا، ينهار الهامش الأكبر بينهما ليصبح هامشًا واحدًا. هذه الظاهرة مهمة لفهم سلوك margin في التخطيط.
margin شفاف دائمًا، أي أنه لا يأخذ لون خلفية العنصر أو العنصر الأب.
margin لا يؤثر على حجم العنصر، بل على المساحة خارجه.

باختصار، خاصية margin أداة قوية للتحكم في التباعد بين العناصر في صفحات الويب، وفهم كيفية استخدامها بشكل صحيح يُساعد على إنشاء تخطيطات مرنة وجذابة.