खोज…
वाक्य - विन्यास
- गद्दी: लंबाई | प्रारंभिक | वारिस | अनसेट
- गद्दी-शीर्ष: लंबाई | प्रारंभिक | विरासत | परेशान |
- गद्दी-सही: लंबाई | प्रारंभिक | उत्तराधिकार | परेशान
- गद्दी-तल: लंबाई | प्रारंभिक | उत्तराधिकार | परेशान
- पैडिंग-लेफ्ट: लंबाई | प्रारंभिक | वारिस | अनसेट
टिप्पणियों
1 : https://developer.mozilla.org/en/docs/Web/CSS/padding MDN
इस प्रश्न को भी देखें, "सीएसएस नकारात्मक पैडिंग का समर्थन क्यों नहीं करता है?" और उसके जवाब।
पैडिंग का उपयोग करते समय कृपया द बॉक्स मॉडल पर भी विचार करें। बॉक्स-साइज़िंग मूल्य के आधार पर, किसी तत्व पर पैडिंग या तो तत्व की पूर्व निर्धारित ऊँचाई / चौड़ाई में जोड़ सकता है या नहीं।
संबंधित गुण:
इनलाइन तत्वों पर पैडिंग केवल तत्व के बाईं और दाईं ओर लागू होगी, और इनलाइन तत्वों के अंतर्निहित प्रदर्शन गुणों के कारण ऊपर और नीचे नहीं।
दिए गए पक्ष पर पैडिंग
पैडिंग प्रॉपर्टी तत्व के सभी पक्षों पर पैडिंग स्पेस सेट करती है। पैडिंग क्षेत्र तत्व और उसकी सीमा की सामग्री के बीच का स्थान है। नकारात्मक मूल्यों की अनुमति नहीं है।
आप व्यक्तिगत रूप से एक पक्ष निर्दिष्ट कर सकते हैं:
-
padding-top -
padding-right -
padding-bottom -
padding-left
निम्नलिखित कोड div के शीर्ष पर 5px का एक पैडिंग जोड़ देगा:
<style>
.myClass {
padding-top: 5px;
}
</style>
<div class="myClass"></div>
पैडिंग आशुलिपि
पैडिंग प्रॉपर्टी तत्व के सभी पक्षों पर पैडिंग स्पेस सेट करती है। पैडिंग क्षेत्र तत्व और उसकी सीमा की सामग्री के बीच का स्थान है। नकारात्मक मूल्यों की अनुमति नहीं है।
व्यक्तिगत रूप से प्रत्येक पक्ष को पैडिंग जोड़ने से बचाने के लिए ( padding-top , padding-left आदि का उपयोग करके) आप इसे शॉर्टहैंड के रूप में नीचे लिख सकते हैं:
चार मूल्य :
<style>
.myDiv {
padding: 25px 50px 75px 100px; /* top right bottom left; */
}
</style>
<div class="myDiv"></div>
तीन मूल्य :
<style>
.myDiv {
padding: 25px 50px 75px; /* top left/right bottom */
}
</style>
<div class="myDiv"></div>
दो मूल्य :
<style>
.myDiv {
padding: 25px 50px; /* top/bottom left/right */
}
</style>
<div class="myDiv"></div>
एक मूल्य :
<style>
.myDiv {
padding: 25px; /* top/right/bottom/left */
}
</style>
<div class="myDiv"></div>
