Style paddingBottom प्रतियोगिता

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

paddingBottom गुण सेट करने या वापसी करने के लिए एलिमेंट की निचली आंतरिक पैडिंग

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

और देखें:

CSS पाठ्यक्रम:CSS अंतराल

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

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

उदाहरण

उदाहरण 1

<div> एलिमेंट की निचली आंतरिक पैडिंग सेट करें:

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

अपने आप सिर्फ एक प्रयोग करें

उदाहरण 2

<div> एलिमेंट की निचली आंतरिक पैडिंग को "normal" वापस करें:

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

अपने आप सिर्फ एक प्रयोग करें

उदाहरण 3

प्रदर्शित <div> एलिमेंट की निचली आंतरिक पैडिंग वापसी करें:

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

अपने आप सिर्फ एक प्रयोग करें

उदाहरण 4

marginBottom और paddingBottom का फर्क:

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

अपने आप सिर्फ एक प्रयोग करें

व्याकरण

paddingBottom गुण वापसी करें:

object.style.paddingBottom

paddingBottom गुण सेट करें:

object.style.paddingBottom = "%|length|initial|inherit"

गुण मान

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

तकनीकी विवरण

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

ब्राउज़र सहायता

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
सापोर्ट सापोर्ट सापोर्ट सापोर्ट सापोर्ट