دليل مرجع CSS

قواعد CSS (RULES)

يحدد خاصية margin CSS الهوامش الخارجية على جميع أربعة جوانب العنصر. إنهmargin-top،margin-right،margin-bottomوmargin-leftخصائص اختصار الخاصية.

جدول التالي يوضح استخدامه وتاريخ الإصدارات لهذه الخاصية، بالإضافة إلى لغة الاستخدام للخصائص في لغة البرمجة JavaScript.

القيمة الافتراضية:	0
تطبيق على:	جميع العناصر، باستثناء table displayالنوعين غيرها من العناصر. table- caption table inline-table. إنه ينطبق أيضًا على ::first-letter。
الوراثة:	لا
يمكن تحريكها:	نعم.يرجى الرجوع إلى خصائص الرسوم المتحركة。
الإصدار:	CSS 1،2،3
JavaScript Syntax:	object.style.margin="20px 15px"

قواعد النص هذا الخاصية كالتالي:

margin: [ length | percentage | auto ] 1 to 4 values | initial | inherit

في المثال أدناه، يتم عرض كيفية استخدام الصفة margin.

النموذج

　　h1 {
　　　margin: 25px;
　　}
　　p {
　　　margin: 50px 100px;
　　}

يمكن استخدام هذا الرمز النصي مع قيمة واحدة، إثنتين، ثلاثة أو أربعة أرقام منفصلة بالمسافات.

إذا تم تحديدقيمة واحدةتطبق هذه المسافة على جميع الأوجه الأربعة.
إذا تم تحديدقيمتانإذا تم تحديد، فإن القيمة الأولى تطبق على الوجهة العليا والأسفل، والقيمة الثانية تطبق على اليمين واليسار.
ثلاثة قيمتطبق على الوجهة العليا، المستوى الأفقي (أي اليمين واليسار) والأسفل.
اربعة قيمتطبق بالترتيب على الوجهة العليا، اليمين، الأسفل، اليسار.

جدول أدناه يصف قيمة هذه الصفة.

القيمة	الوصف
margin-top	إعداد الوجهة العليا للعنصر.
margin-right	إعداد اليمين للعنصر.
margin-bottom	إعداد الأسفل للعنصر.
margin-left	إعداد اليسار للعنصر.
initial	إعداد هذه الصفة إلى قيمتها الافتراضية.
inherit	إذا تم تحديد، فإن العناصر المرتبطة تستخدم نفس قيمة margin للعنصر الأم.

توافق margin الصفة مع المتصفحات، الأرقام في الجدول التالي تعبر عن أحدث إصدار من المتصفح الذي يدعم هذه الصفة؛ جميع المتصفحات الشائعة يدعمون هذه الصفة.

	Firefox 1+ Google Chrome1+ Internet Explorer 3+ Apple Safari 1+ Opera 4+

يرجى الرجوع إلى التعليمات التالية:margin CSS،نموذج الصندوق CSS。