ویژگی 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

بھرائش کارگر

چروم ایج فائرفاکس سافری آپرا
چروم ایج فائرفاکس سافری آپرا
اپنی حمایت اپنی حمایت اپنی حمایت اپنی حمایت اپنی حمایت