خصائص 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
الدعم الدعم الدعم الدعم الدعم