Style marginBottom प्रयोग

परिभाषा और उपयोग

marginBottom गुण सेट करता है या इलेमेंट की निचली बाहरी मार्गसीमा वापस करता है

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

और देखें:

CSS पाठ्यक्रम:CSS बाह्य सीमा

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

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

उदाहरण

उदाहरण 1

div इलेमेंट की निचली बाहरी मार्गसीमा सेट करें

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

अपने आप सिर्फ आया

उदाहरण 2

div इलेमेंट की निचली बाहरी मार्गसीमा को "normal" पर वापस करें

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

अपने आप सिर्फ आया

उदाहरण 3

div इलेमेंट की निचली बाहरी मार्गसीमा वापस करें

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

अपने आप सिर्फ आया

उदाहरण 4

marginBottom और paddingBottom के अंतर:

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

अपने आप सिर्फ आया

व्याकरण

marginBottom गुण वापस करना:

object.style.marginBottom

marginBottom गुण सेट करना:

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

गुण मान

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

तकनीकी विवरण

डिफ़ॉल्ट मान: 0
वापसी मान: शब्द, इलेमेंट की निचली बाहरी मार्गसीमा को प्रदर्शित करता है。
CSS संस्करण: CSS1

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
समर्थन समर्थन समर्थन समर्थन समर्थन