Property marginBottom

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

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

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

انظر أيضًا:

دليل CSS:CSS ɗanar

دليل 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

ɗanar ɗanar

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
ɗanar ɗanar ɗanar ɗanar ɗanar