Style marginLeft الخاصية

التعريف والاستخدام

marginLeft تضيف أو تعيد الخاصية الهوامش الخارجية اليسرى للعنصر.

خصائص الهوامش و خصائص padding كلها تضيف مساحة حول العنصر. ولكن الفرق يكمن في أن margin تضيف مساحة حول الحواف، بينما padding تضيف مساحة داخل الحواف.

يرجى الرجوع أيضًا إلى:

دليل تعليمات CSSCSS الهوامش

دليل CSSخصائص margin-left

دليل HTML DOMخصائص الهوامش

مثال 1

إعداد الهوامش الخارجية اليسرى للعنصر <div>:

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

جرب بنفسك

مثال 2

استعادة الهوامش الخارجية اليسرى للعنصر <div> إلى "normal":

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

جرب بنفسك

مثال 3

الرجوع إلى الهوامش الخارجية اليسرى للعنصر <div>:

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

جرب بنفسك

مثال 4

الفرق بين marginLeft و paddingLeft:

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

جرب بنفسك

النحو

إرجاع الخاصية marginLeft:

object.style.marginLeft

إعداد الخاصية marginLeft:

object.style.marginLeft = "%|length|auto|inherit"

قيمة الخصائص

القيمة الوصف
% تعريف الهوامش الخارجية اليسرى بنسبة من عرض العنصر الأب.
length تعريف الهوامش الخارجية اليسرى باستخدام وحدة الطول.
auto إعداد الهوامش الخارجية اليسرى للمتصفح.
initial ضع هذا الخصائص على قيمته الافتراضية. يرجى الرجوع إلى initial.
inherit تنقل هذا الخصائص من عنصر الأب. يرجى الرجوع إلى inherit.

تفاصيل التقنية

القيمة الافتراضية: 0
القيمة الم返回ة: القيمة، تعبر عن الهوامش الخارجية اليسرى للعنصر.
إصدار CSS: CSS1

المتصفح يدعم

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
الدعم الدعم الدعم الدعم الدعم