Style paddingLeft प्रयोग

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

paddingLeft गुण सेट करने या वापस करने के लिए एलिमेंट के बाईं आंतरिक गाप。

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

और देखें:

CSS पाठ्यक्रम:CSS आंतरिक गुणा

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

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

उदाहरण

उदाहरण 1

<div> एलिमेंट के बाईं आंतरिक गाप सेट करें:

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

स्वयं प्रयोग करें

उदाहरण 2

<div> एलिमेंट के बाईं आंतरिक गाप को "normal" वापस करें:

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

स्वयं प्रयोग करें

उदाहरण 3

वापसी <div> एलिमेंट के बाईं आंतरिक गाप:

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

स्वयं प्रयोग करें

उदाहरण 4

marginLeft और paddingLeft का अंतर:

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

स्वयं प्रयोग करें

व्याकरण

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

ऑब्जेक्ट.style.paddingLeft

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

ऑब्जेक्ट.style.paddingLeft = "%|length|initial|inherit"

गुण मान

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

तकनीकी विवरण

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

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

Chrome Edge Firefox सैफारी ऑपेरा
Chrome Edge Firefox सैफारी ऑपेरा
सहायता सहायता सहायता सहायता सहायता