CSS padding गुण
- पिछला पृष्ठ overscroll-behavior-y
- अगला पान padding-block
विनिर्देश और उपयोग
padding लघु गुण एक ही व्यक्तव्य में सभी आंतरिक गाप गुण को सेट करता है。
वर्णन
यह लघु गुण एलिमेंट के सभी आंतरिक गाप की चौड़ाई को सेट करता है या या तो चारों ओर के आंतरिक गाप की चौड़ाई को सेट करता है।इन्लाइन गैर-रिप्लेसिंग एलिमेंट पर सेट की गई आंतरिक गाप चौड़ाई लाइन ऊंचाई की गणना पर प्रभाव नहीं डालती; इसलिए एक एलिमेंट अगर आंतरिक गाप और पृष्ठभूमि दोनों है, दृश्यकालात्मक रूप से अन्य पाठ के बजाय फैल सकता है, और अन्य सामग्री से छेड़ चुक सकता है।एलिमेंट का पृष्ठभूमि आंतरिक गाप के अनुसार फैल सकता है।नकारात्मक बीच के मान को निर्देशित नहीं किया जा सकता है。
टिप्पणी:नकारात्मक मान का उपयोग नहीं किया जा सकता है。
उदाहरण 1
padding:10px 5px 15px 20px;
- ऊपरी आंतरिक गाप 10px है
- दायाँ आंतरिक गाप 5px है
- नीचे आंतरिक गाप 15px है
- बाईं आंतरिक गाप 20px है
उदाहरण 2
padding:10px 5px 15px;
- ऊपरी आंतरिक गाप 10px है
- दायाँ आंतरिक गाप और बाईं आंतरिक गाप 5px हैं
- नीचे आंतरिक गाप 15px है
उदाहरण 3
padding:10px 5px;
- ऊपरी आंतरिक गाप और नीचे आंतरिक गाप 10px हैं
- दायाँ आंतरिक गाप और बाईं आंतरिक गाप 5px हैं
उदाहरण 4
padding:10px;
- सभी 4 आंतरिक गाप 10px हैं
और देखें:
CSS शिक्षा:CSS इनर-मार्गिंग
HTML DOM संदर्भ दस्तावेज़:padding गुण
CSS व्याकरण
padding: length|initial|inherit;
गुण मान
| मान | वर्णन |
|---|---|
| auto | ब्राउज़र आंतरिक गाप की गुण की गणना करता है。 |
| length | विशिष्ट इकाई में आंतरिक गाप के मान को निर्देशित करें, जैसे पिक्सल, सेमी, आदि।डिफ़ॉल्ट मान 0px है। |
| % | पिछले एलिमेंट के चौड़ाई के प्रतिशत के आधार पर आंतरिक गाप के गुण को निर्देशित करें。 |
| विरासत | पिछले एलिमेंट से आंतरिक गाप के गुण को विरासत करना होगा。 |
तकनीकी विवरण
| डिफ़ॉल्ट मान: | 0 |
|---|---|
| विरासत की गुणता: | नहीं |
| संस्करण: | CSS1 |
| जावास्क्रिप्ट व्याकरण: | object.style.padding="10px 5px" |
TIY उदाहरण
- सभी आंतरिक गाप गुण एक ही व्यक्तव्य में
- इस उदाहरण में, सभी आंतरिक गाप के गुण को एक ही व्यक्तव्य में सेट करने के लिए लघु गुण का उपयोग किया गया है, जो एक से चार मानों में हो सकते हैं。
ब्राउज़र समर्थन
तालिका में दिए गए नंबर इस गुण के पूर्णता से समर्थित पहले ब्राउज़र का संस्करण को निर्देशित करते हैं。
| च्रोम | IE / एजेंडा | फ़ायरफॉक्स | सफ़ारी | ओपेरा |
|---|---|---|---|---|
| 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
- पिछला पृष्ठ overscroll-behavior-y
- अगला पान padding-block
