ویژگی marginBottom

تعریف و استفاده

marginBottom ویژگی‌ها برای تنظیم یا بازگشتی زیرکناری عناصر.

ویژگی margin و ویژگی padding در اطراف عنصر فضای خالی قرار می‌گیرد. اما تفاوت‌ها در این است که، margin در اطراف لبه‌ها فضای خالی قرار می‌دهد، در حالی که padding در داخل لبه‌های عنصر فضای خالی قرار می‌دهد.

لطفاً به

آموزش CSS:مarges 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
پشتیبانی پشتیبانی پشتیبانی پشتیبانی پشتیبانی