margin

شرح خاصية css margin

خاصية margin هي خاصية في CSS تحدد المسافة بين حواف العنصر والعناصر الأخرى في الصفحة. تستخدم هذه الخاصية للتحكم في التباعد بين العناصر وتحسين تخطيط الصفحة.

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

يمكن تحديد خاصية margin باستخدام CSS، على سبيل المثال:

/* تحديد margin بشكل فردي لجميع الحواف */
.item {
  margin-top: 10px;
  margin-right: 20px;
  margin-bottom: 30px;
  margin-left: 40px;
}

/* تحديد margin بقيمة واحدة لجميع الحواف */
.item {
  margin: 10px;
}

يمكن استخدام قيم سالبة لخاصية margin لجعل العنصر أقرب إلى العناصر الأخرى، ويمكن استخدام القيمة auto لتحديد margin بشكل تلقائي على أساس العرض المتاح.

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