पैडिंग गुण

padding गुण किसी तत्व की आंतरिक पैडिंग सेट करता है। गुण का मान कोई भी आकार की इकाई हो सकता है। डिफ़ॉल्ट रूप से, प्रत्येक ब्राउज़र तत्वों को विभिन्न पैडिंग जोड़ सकता है। यह गुण निम्नलिखित गुणों के लिए एक संक्षिप्त रूप है: padding-top, padding-right, padding-bottom, padding-left.

सिंटैक्स

सिलेक्टर {
	padding: मान;
}

पैरामीटर की संख्या

padding गुण 1, 2, 3 या 4 मान स्वीकार करता है, जो स्थान द्वारा अलग किए गए हैं:

संख्या	विवरण
`1`	एक मान तत्व के सभी ओर से पैडिंग सेट करता है।
`2`	पहला मान ऊपर और नीचे की पैडिंग सेट करता है, और दूसरा - दाएं और बाएं।
`3`	पहला मान ऊपर की पैडिंग सेट करता है, दूसरा - दाएं और बाएं, और तीसरा - नीचे।
`4`	पहला मान ऊपर की पैडिंग सेट करता है, दूसरा - दाएं, तीसरा - नीचे, और चौथा - बाएं।

उदाहरण

इस मामले में, डिफ़ॉल्ट रूप से आंतरिक पैडिंग शून्य होगी और पाब ब्लॉक की सीमा से सटा होगा:

<div id="elem">
	some long text
</div>

#elem {
	padding: 0;
	width: 300px;
	border: 1px solid black;
	text-align: justify;
}

उदाहरण

और अब आइए आंतरिक पैडिंग 30px करें:

<div id="elem">
	some long text
</div>

#elem {
	padding: 30px;
	width: 300px;
	border: 1px solid black;
	text-align: justify;
}

उदाहरण

अब ऊपर और नीचे की पैडिंग 20px होगी, और दाएं और बाएं - 5px:

<div id="elem">
	some long text
</div>

#elem {
	padding: 20px 5px;
	width: 300px;
	border: 1px solid black;
	text-align: justify;
}

उदाहरण

अब ऊपर की पैडिंग 5px, दाएं - 15px, नीचे - 25px, बाएं - 35px है:

<div id="elem">
	some long text
</div>

#elem {
	padding: 5px 15px 25px 35px;
	width: 300px;
	border: 1px solid black;
	text-align: justify;
}

यह भी देखें

margin गुण,
जो बाहरी मार्जिन सेट करता है