सीएसएस पैडिंग संपत्ति
उदाहरण
किसी <p> तत्व के चारों ओर की पैडिंग को 35 पिक्सेल पर सेट करें:
p {
padding: 35px;
}
नीचे और अधिक "इसे स्वयं आज़माएं" उदाहरण।
परिभाषा और उपयोग
किसी तत्व की पैडिंग उसकी सामग्री और उसकी सीमा के बीच का स्थान है।
संपत्ति के padding
लिए एक आशुलिपि संपत्ति है:
नोट: पैडिंग एक तत्व के भीतर अतिरिक्त स्थान बनाता है, जबकि मार्जिन एक तत्व के चारों ओर अतिरिक्त स्थान बनाता है।
इस गुण में एक से चार मान हो सकते हैं।
यदि पैडिंग गुण में चार मान हैं:
- पैडिंग:10px 5px 15px 20px;
- शीर्ष पैडिंग 10px . है
- दायां पैडिंग 5px . है
- निचला पैडिंग 15px . है
- बायां पैडिंग 20px . है
यदि पैडिंग संपत्ति में तीन मान हैं:
- पैडिंग:10px 5px 15px;
- शीर्ष पैडिंग 10px . है
- दाएं और बाएं पैडिंग 5px . हैं
- निचला पैडिंग 15px . है
यदि पैडिंग गुण के दो मान हैं:
- पैडिंग: 10px 5px;
- ऊपर और नीचे की गद्दी 10px . है
- दाएं और बाएं पैडिंग 5px . हैं
यदि पैडिंग संपत्ति का एक मान है:
- पैडिंग: 10 पीएक्स;
- सभी चार पैडिंग 10px . हैं
नोट: नकारात्मक मानों की अनुमति नहीं है।
डिफ़ॉल्ट मान: | 0 |
---|---|
विरासत में मिला: | नहीं |
एनिमेटेबल: | हाँ, व्यक्तिगत गुण देखें । एनिमेटेबल के बारे में पढ़ें |
संस्करण: | सीएसएस 1 |
जावास्क्रिप्ट सिंटैक्स: | ऑब्जेक्ट .style.padding="100px 20px" |
ब्राउज़र समर्थन
तालिका में संख्याएं पहले ब्राउज़र संस्करण को निर्दिष्ट करती हैं जो पूरी तरह से संपत्ति का समर्थन करता है।
Property | |||||
---|---|---|---|---|---|
padding | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
सीएसएस सिंटेक्स
padding: length|initial|inherit;
सम्पत्ति की कीमत
Value | Description | Play it |
---|---|---|
length | Specifies the padding in px, pt, cm, etc. Default value is 0. Read about length units | |
% | Specifies the padding in percent of the width of the containing element | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
और ज्यादा उदाहरण
उदाहरण
<p> तत्व के लिए पैडिंग को ऊपर और नीचे के लिए 35 पिक्सेल और दाएं और बाएं के लिए 70 पिक्सेल पर सेट करें:
p {
padding: 35px 70px;
}
उदाहरण
<p> तत्व के लिए पैडिंग को शीर्ष के लिए 35 पिक्सेल, दाएं और बाएं के लिए 70 पिक्सेल और नीचे के लिए 50 पिक्सेल पर सेट करें:
p {
padding: 35px 70px 50px;
}
उदाहरण
<p> तत्व के लिए पैडिंग को शीर्ष के लिए 35 पिक्सेल, दाईं ओर 70 पिक्सेल, नीचे के लिए 50 पिक्सेल और बाईं ओर 90 पिक्सेल पर सेट करें:
p {
padding: 35px 70px 50px 90px;
}
संबंधित पृष्ठ
सीएसएस ट्यूटोरियल: सीएसएस पैडिंग
सीएसएस ट्यूटोरियल: सीएसएस बॉक्स मॉडल
एचटीएमएल डोम संदर्भ: पैडिंग संपत्ति