Style paddingTop गुण
- पिछला पृष्ठ paddingRight
- अगला पृष्ठ pageBreakAfter
- एक स्तर ऊपर वापस एचटीएमएल डॉम स्टाइल ऑब्जैक्ट
अर्थ और उपयोग
paddingTop
गुण सेट करना या वापस करना एलिमेंट के ऊपरी इंटरलाइन सापोर्ट विन्यास वाक्यांश को।
आंतरिक अंतराल गुण एलिमेंट के सीमा और एलिमेंट के सामग्री के बीच का अंतराल परिभाषित करता है。
margin गुण और padding गुण एलिमेंट के चारों ओर अंतराल प्रविष्ट करते हैं। लेकिन अंतर का पृष्ठभूमि मार्गिंग के चारों ओर अंतराल प्रविष्ट करता है, जबकि padding एलिमेंट के बाहरी सीमा के अंदर अंतराल प्रविष्ट करता है।
अन्य देखें:
CSS शिक्षा:CSS अंतराल
CSS संदर्भ दस्तावेज़:padding-top गुण
HTML DOM संदर्भ दस्तावेज़:padding गुण
उदाहरण
उदाहरण 1
<div> एलिमेंट के ऊपरी इंटरलाइन सापोर्ट विन्यास वाक्यांश को सेट करें:
document.getElementById("myDiv").style.paddingTop = "50px";
उदाहरण 2
<div> एलिमेंट के ऊपरी इंटरलाइन सापोर्ट विन्यास वाक्यांश को "normal" में बदलें:
document.getElementById("myDiv").style.paddingTop = "0px";
उदाहरण 3
परिणाम: <div> एलिमेंट के ऊपरी इंटरलाइन सापोर्ट विन्यास वाक्यांश को वापस करें:
alert(document.getElementById("myDiv").style.paddingTop);
उदाहरण 4
marginTop और paddingTop के अंतर:
function changeMargin() { document.getElementById("myDiv").style.marginTop = "100px"; } function changePadding() { document.getElementById("myDiv2").style.paddingTop = "100px"; }
व्याकरण
paddingTop गुण वापस करें:
object.style.paddingTop
paddingTop गुण सेट करें:
object.style.paddingTop = "%|length|initial|inherit"
गुण मान
मान | वर्णन |
---|---|
% | पिता एलिमेंट के चौड़ाई के प्रतिशत से ऊपरी इंटरलाइन सापोर्ट विन्यास वाक्यांश को परिभाषित करें। |
length | लंबाई इकाई से ऊपरी इंटरलाइन सापोर्ट विन्यास वाक्यांश को परिभाषित करें। |
initial | इस गुण को उसके डिफ़ॉल्ट मान पर सेट करें। देखें initial. |
inherit | इस गुण को उसके माता एलिमेंट से आगे विरासत करें। देखें inherit. |
तकनीकी विवरण
डिफ़ॉल्ट मान: | 0 |
---|---|
परिणाम: | इंटरलाइन सापोर्ट विन्यास वाक्यांश का प्रतिनिधित्व करने वाली स्ट्रिंग. |
CSS संस्करण: | CSS1 |
ब्राउज़र समर्थन
Chrome | Edge | Firefox | सफारी | ओपेरा |
---|---|---|---|---|
Chrome | Edge | Firefox | सफारी | ओपेरा |
समर्थन | समर्थन | समर्थन | समर्थन | समर्थन |
- पिछला पृष्ठ paddingRight
- अगला पृष्ठ pageBreakAfter
- एक स्तर ऊपर वापस एचटीएमएल डॉम स्टाइल ऑब्जैक्ट