Style marginBottom الخاصية

التعريف والاستخدام

marginBottom تضبط أو تسترد الهوامش الخارجية السفلية للعنصر.

خصائص margin و خصائص padding كلها تضيف مساحة حول العنصر. ولكن، يختلف ذلك في أن margin تضيف مساحة حول الحواف، بينما padding تضيف مساحة داخل الحواف.

يرجى الرجوع أيضًا إلى:

دليل تعليمات CSS:CSS الهوامش

دليل CSS:خصائص margin-bottom

دليل HTML DOM:خصائص margin

مثال

مثال 1

تعيين الهوامش الخارجية السفلية للعنصر <div>:

document.getElementById("myDiv").style.marginBottom = "50px";

جرب بنفسك

مثال 2

استعادة الهوامش الخارجية السفلية للعنصر <div> إلى "normal":

document.getElementById("myDiv").style.marginBottom = "0px";

جرب بنفسك

مثال 3

استرداد الهوامش الخارجية السفلية للعنصر <div>:

alert(document.getElementById("myDiv").style.marginBottom);

جرب بنفسك

مثال 4

الفرق بين marginBottom و paddingBottom:

function changeMargin() {
  document.getElementById("myDiv").style.marginBottom = "100px";
}
function changePadding() {
  document.getElementById("myDiv2").style.paddingBottom = "100px";
}

جرب بنفسك

النحو

استرداد خاصية marginBottom:

object.style.marginBottom

تعيين خاصية marginBottom:

object.style.marginBottom = "%|length|auto|initial|inherit"

قيمة الخاصية

القيمة الوصف
% تحديد الهوامش الخارجية السفلية بالمئة من عرض العنصر الأم.
length تحديد الهوامش الخارجية السفلية بوحدة طول.
auto إعدادات المتصفح للهوامش الخارجية السفلية.
initial ضبط هذا الخصائص إلى قيمته الافتراضية. يرجى الرجوع إلى initial.
inherit يرث هذا الخصائص من العنصر الأم. يرجى الرجوع إلى inherit.

تفاصيل التقنية

القيمة الافتراضية: 0
القيمة المطلوبة: السلسلة، تعبر عن الهوامش الخارجية السفلية للعنصر.
إصدار CSS: CSS1

دعم المتصفحات

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
الدعم الدعم الدعم الدعم الدعم