خصائص margin-bottom CSS
- الصفحة السابقة margin-block-start
- الصفحة التالية margin-inline
التعريف والاستخدام
تحدد خاصية marginBottom الهوامش الخارجية السفلية للعنصر.
التعليق:يسمح باستخدام القيم السلبية.
انظر أيضًا:
دليل CSSحافة CSS
دليل HTML DOMخاصية marginBottom
مثال
ضبط الهوامش الخارجية السفلية للعنصر p:
p
{
margin-bottom:2cm;
}
هناك أمثلة إضافية في أسفل الصفحة.
جافا سكريبت لغة CSS
margin-bottom: length|auto|initial|inherit;
قيمة الخاصية
| القيمة | الوصف |
|---|---|
| auto | يحسب المتصفح الهوامش الخارجية السفلية. |
| length | يحدد قيمة الهوامش الخارجية السفلية باستخدام وحدة محددة، مثل البكسل أو السنتيمتر، إلخ. القيمة الافتراضية هي 0px. |
| % | يحدد الهوامش الخارجية السفلية بنسبة من عرض العنصر المضمن. |
| inherit | يحدد أن الهوامش الخارجية السفلية يجب أن يتم تنسيخها من العنصر الأم. |
تفاصيل التقنية
| القيمة الافتراضية: | 0 |
|---|---|
| التنسيخ: | لا |
| الإصدار: | CSS1 |
| جافا سكريبت: | object.style.marginBottom="10px" |
أمثلة إضافية
- ضبط الهوامش الخارجية السفلية للنص 1
- هذا المثال يوضح كيفية استخدام الوحدات المترية لضبط الهوامش الخارجية السفلية للنص.
- ضبط الهوامش الخارجية السفلية للنص 2
- هذا المثال يوضح كيفية استخدام النسبة المئوية لضبط الهوامش الخارجية السفلية للنص.
دعم المتصفح
الرقم في الجدول يوضح إصدار المتصفح الأول الذي يدعم هذه الخاصية بشكل كامل.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 6.0 | 1.0 | 1.0 | 3.5 |
- الصفحة السابقة margin-block-start
- الصفحة التالية margin-inline
