ویژگی Style marginTop

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

marginTop ویژگی‌ها یا بازگشتی از حاشیه‌ی خارجی بالا عنصر.

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

لطفاً به

آموزش CSS:مجازات CSS

دستورالعمل CSS:ویژگی margin-top

دستورالعمل HTML DOM:ویژگی margin

مثال

مثال 1

تنظیم حاشیه‌ی خارجی بالا عنصر <div>:

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

آزمایش کنید

مثال 2

بازگرداندن حاشیه‌ی خارجی بالا عنصر <div> به "normal":

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

آزمایش کنید

مثال 3

بازگشتی از حاشیه‌ی خارجی بالا عنصر <div>:

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

آزمایش کنید

مثال 4

تفاوت marginTop و paddingTop:

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

آزمایش کنید

نحوه‌ی نوشتن

بازگشتی از ویژگی marginTop:

object.style.marginTop

تنظیم ویژگی marginTop:

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

مقدار ویژگی

مقدار توضیح
% با استفاده از درصد عرض عنصر والد، حاشیه‌ی خارجی بالا را تعریف می‌کند.
length با استفاده از واحد اندازه‌گیری، حاشیه‌ی خارجی بالا را تعریف می‌کند.
auto تنظیمات حاشیه‌ی خارجی بالا بازدید‌کننده‌گر
initial این ویژگی را به مقدار پیش‌فرض خود تنظیم کنید. لطفاً به initial.
inherit این ویژگی را از عنصر والد خود ارث می‌برد. لطفاً به inherit.

جزئیات فنی

مقدار پیش‌فرض: 0
مقدار بازگشتی: رشته‌ای است که حاشیه‌ی خارجی بالا عناصر را نشان می‌دهد.
نسخه‌ی CSS: CSS1

بازدید‌کننده‌گر

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
پشتیبانی پشتیبانی پشتیبانی پشتیبانی پشتیبانی