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

بائورا استعانت می‌کند

چروم ایج فائر فاکس سافری آپریا
چروم ایج فائر فاکس سافری آپریا
اپنی مدد سے اپنی مدد سے اپنی مدد سے اپنی مدد سے اپنی مدد سے