Style marginLeft प्रयोग

वर्णन और उपयोग

marginLeft गुण सेट करें या वापसी करें के लिए एलिमेंट की बाएँ बाहरी सीमा。

margin गुण और padding गुण आइटम के चारों ओर अंतर भरते हैं। लेकिन, अंतर के अलावा, margin बॉर्डर के चारों ओर अंतर भरते हैं, जबकि padding एलिमेंट के बॉर्डर के अंदर अंतर भरते हैं。

अन्य संदर्भ:

CSS पाठ्यक्रम:CSS बाह्यमुख

CSS संदर्भ दस्तावेज़:margin-left गुण

HTML DOM संदर्भ दस्तावेज़:margin गुण

उदाहरण 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 फायरफॉक्स सफारी ऑपेरा
Chrome Edge फायरफॉक्स सफारी ऑपेरा
समर्थन समर्थन समर्थन समर्थन समर्थन