ویژگی marginRight

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

marginRight تنظیم یا بازگشت حاشیه خارجی راست عنصر.

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

لطفاً به

آموزش CSS:مجالی CSS

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

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

مثال

مثال 1

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

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

آزمایش کنید

مثال 2

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

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

آزمایش کنید

مثال 3

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

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

آزمایش کنید

مثال 4

تفاوت بین marginRight و paddingRight:

function changeMargin() {
  document.getElementById("myDiv").style.marginRight = "200px";
}
function changePadding() {
  document.getElementById("myDiv2").style.paddingRight = "200px";
}

آزمایش کنید

قوانین دستور زبان

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

object.style.marginRight

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

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

مقدار ویژگی

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

جزئیات فنی

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

پشتیبانی از مرورگر

کریم Edge Firefox Safari Opera
کریم Edge Firefox Safari Opera
پشتیبانی پشتیبانی پشتیبانی پشتیبانی پشتیبانی