स्टाइल marginTop गुण

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

marginTop गुण सेट या एलिमेंट की ऊपरी बाहरी मार्गदर्शन को वापसी करते हैं。

मार्ग गुण और पैडिंग गुण एलिमेंट के चारों ओर अंतराल जोड़ते हैं। लेकिन, अंतर के अनुसार, मार्ग बॉर्डर के चारों ओर अंतराल जोड़ते हैं, जबकि पैडिंग एलिमेंट के बॉर्डर के अंदर अंतराल जोड़ते हैं。

और देखें:

CSS पढ़ाई:CSS बाह्य सीमा

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

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

उदाहरण

उदाहरण 1

सेट <div> एलिमेंट की ऊपरी बाहरी मार्गदर्शन:

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

अपने आप प्रयोग करें

उदाहरण 2

<div> एलिमेंट की ऊपरी बाहरी मार्गदर्शन को "normal" में वापस करें:

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

अपने आप प्रयोग करें

उदाहरण 3

वापसी <div> एलिमेंट की ऊपरी बाहरी मार्गदर्शन:

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

अपने आप प्रयोग करें

उदाहरण 4

marginTop और paddingTop का अंतर:

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

अपने आप प्रयोग करें

व्याकरण

marginTop गुण वापसी:

object.style.marginTop

सेट marginTop गुण:

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

गुण मान

मान वर्णन
% ऊपरी बाहरी मार्गदर्शन को पिता एलिमेंट की चौड़ाई के प्रतिशत में परिभाषित करें
length ऊपरी बाहरी मार्गदर्शन को लंबाई इकाई में परिभाषित करें
auto ब्राउज़र सेटिंग में ऊपरी बाहरी मार्गदर्शन
initial इस गुण को उसके मूलभूत मान में सेट करें। देखें initial。
inherit इस गुण को अपने माता एलिमेंट से ले लें। देखें inherit。

तकनीकी विवरण

मूलभूत मान: 0
वापसी मान: शब्द, जो एलिमेंट की ऊपरी बाहरी मार्गदर्शन को प्रदर्शित करता है。
CSS संस्करण： CSS1

ब्राउज़र समर्थन

च्रोम Edge Firefox Safari Opera
च्रोम Edge Firefox Safari Opera
सापोर्ट सापोर्ट सापोर्ट सापोर्ट सापोर्ट