Style paddingRight प्रयोग

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

paddingRight गुण सेट करने या वापस करने के लिए एलिमेंट के दायाँ आंतरिक किनारा।

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

और देखें:

CSS पाठ्यक्रम:CSS आंतरिक पैडिंग

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

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

उदाहरण

उदाहरण 1

<div> एलिमेंट के दायाँ आंतरिक किनारा सेट करें:

document.getElementById("myDIV").style.paddingRight = "50px";

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

उदाहरण 2

<div> एलिमेंट के दायाँ आंतरिक किनारा को "normal" वापस करें:

document.getElementById("myDIV").style.paddingRight = "0px";

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

उदाहरण 3

वापसी मान: <div> एलिमेंट के दायाँ आंतरिक किनारा:

alert(document.getElementById("myDIV").style.paddingRight);

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

उदाहरण 4

marginRight और paddingRight का अंतर:

function changeMargin() {
  document.getElementById("myDIV").style.marginRight = "200px";
}
function changePadding() {
  document.getElementById("myDIV2").style.paddingRight = "200px";
}

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

व्याकरण

paddingRight गुण वापसी मान:

object.style.paddingRight

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

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

गुण मान

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

तकनीकी विवरण

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

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

Chrome Edge फायरफॉक्स सफारी ऑपेरा
Chrome Edge फायरफॉक्स सफारी ऑपेरा
सापोर्ट सापोर्ट सापोर्ट सापोर्ट सापोर्ट