English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
حجم الأسفل CSS الخاص بـmargin-bottom يحدد الهوامش السفلية للعنصر. ومع ذلك، في العديد من الحالات، مثلmarginيمكن استخدام هذه خصائص CSS القصيرة بشكل أكثر مرونة وأكثر فائدة.
جدول التالي يوضح كيفية استخدام هذا الخصائص وتاريخ الإصدارات، وكذلك كيفية استخدام هذا الخصائص في سكربتات JavaScript.
| القيمة الافتراضية: | 0 |
|---|---|
| يطبق على: | جميع العناصر، باستثناء table displayاستثنائية عن العناصر من نوع التypical. table-caption table inline-table. إنه ينطبق أيضًا على ::first-letter。 |
| الوراثة: | لا |
| يمكن تحريكه: | نعم.يرجى الرجوع إلى خصائص الرسم المتحرك。 |
| الإصدار: | CSS 1،2،3 |
| قواعد اللغة JavaScript: | object.style.marginBottom="20px" |
قواعد اللغة لهذا الخصائص هي:
margin-bottom: length | percentage | auto | initial | inherit
في المثال التالي، يتم عرض كيفية استخدام خصائص margin-bottom.
h1 {
margin-bottom: 25px;
}
p {
margin-bottom: 50px;
}اختبار لمعرفة‹/›جدول التالي يصف قيمة هذا الخصائص.
| القيمة | وصف |
|---|---|
| length | تحديد قيمة الهوامش الخارجية السفلية المحددة باستخدام وحدة محددة، مثل px،pt،cm،em،ويمكن أن تكون قيمة سلبية. |
| percentage | تحديد الهوامش الخارجية السفلية بناءً على نسبة العرض الخارجي للعنصر الأب. |
| auto | سيقوم البrowser بحساب الهوامش المحددة للعنصر. |
| initial | اعتماد هذا الخصائص إلى قيمته الافتراضية. |
| inherit | إذا تم تحديد، فإن العناصر المرتبطة تأخذ قيمة margin-bottom للعنصر الأب. |
مرونة خصائص margin-bottom للبrowsers، الأرقام في الجدول التالي تمثل أحدث إصدار من البrowser يدعم هذا الخصائص؛ جميع البrowsers الشائعة يدعم هذا الخصائص.
|
يرجى الرجوع إلى الدروس التالية:محيط CSS،نموذج الصندوق CSS。
خصائص ذات صلة:margin،margin-left،margin-right،margin-top。