CSS padding-block-start गुण
- पिछला पृष्ठ पैडिंग-ब्लॉक-एण्ड
- अगला पृष्ठ पैडिंग-बॉटम
कोर्स परिष्कार:
परिभाषा और उपयोग एलिमेंट का
padding-block-start
इसका अर्थ है कि इसके ब्लॉक दिशा के प्रारंभ स्थान पर, किनारे से सामग्री तक की जगह padding-block
बहुत अधिक आदर्श और
CSS गुण जैसे CSS गुण
padding-topपैडिंग-बॉटम
padding-topऔर
बहुत अधिक आदर्श padding-left
padding-right padding-block
बहुत अधिक आदर्श और
padding-inline
गुण ब्लॉक दिशा और रूपांतर दिशा पर निर्भर करता है。ध्यान दें: writing-mode
ब्लॉक दिशा को परिभाषित करता है।यह ब्लॉक के प्रारंभ और समापन स्थान और संबंधित CSS गुणों को प्रभावित करता है padding-block
गुण का परिणाम।अंग्रेजी पृष्ठों के लिए ब्लॉक दिशा नीचे की ओर होती है और रूपांतर दिशा बाईं से दांए की ओर होती है。
उदाहरण
उदाहरण 1
ब्लॉक दिशा के प्रारंभ स्थान पर अंदरीन साफ़ता निर्धारित करें:
p { padding-block-start: 35px; }
उदाहरण 2
देखें: <div> एलिमेंट का writing-mode पैरामीटर को vertical-rl के रूप में सेट करने पर ब्लॉक दिशा दांए से बाईं ओर की होती है।परिणामस्वरूप एलिमेंट का प्रारंभिक स्थान ऊपर से दांए की ओर जाता है:
div { writing-mode: vertical-rl; padding-block-start: 50px; }
CSS व्याकरण
padding-block-start: auto|value|initial|inherit;
गुण मान
मान | वर्णन |
---|---|
auto | डिफ़ॉल्ट।एलिमेंट के डिफ़ॉल्ट पैडिंग-ब्लॉक-स्टार्ट मान। |
length |
px, pt, cm आदि इकाइयों में पैडिंग-ब्लॉक-स्टार्ट को निर्दिष्ट करें।नकारात्मक मान अनुमति नहीं है。 देखें:सीएसएस इकाई。 |
% | पैडिंग-ब्लॉक-स्टार्ट को पैरेंट एलिमेंट के रूपांतर में वास्तविक आकार की प्रतिशत से निर्दिष्ट करें。 |
initial | इस गुण को उसके डिफ़ॉल्ट मान पर सेट करें।देखें: initial。 |
inherit | इस गुण को उसके माता एलिमेंट से विरासत करें।देखें: inherit。 |
तकनीकी विवरण
डिफ़ॉल्ट मान: | auto |
---|---|
विरासतशीलता: | नहीं |
एनीमेशन निर्माण: | समर्थन किया गया है।देखें:एनीमेशन संबंधी गुण。 |
संस्करण: | CSS3 |
जेसक्रिप्ट व्याकरण: | object.style.paddingBlockStart="100px" |
ब्राउज़र समर्थन
तालिका में दिए गए नंबर इस गुण को पूरी तरह से समर्थन देने वाले पहले ब्राउज़र का संस्करण को प्रदर्शित करते हैं。
क्रोम | एज | फायरफॉक्स | सैफारी | ओपेरा |
---|---|---|---|---|
87.0 | 87.0 | 41.0 | 12.1 | 73.0 |
संबंधित पृष्ठ
संदर्भःCSS padding-block गुण
संदर्भःCSS padding-block-end गुण
संदर्भःCSS padding-inline गुण
संदर्भःCSS padding-bottom गुण
संदर्भःCSS padding-left गुण
संदर्भःCSS padding-right गुण
संदर्भःCSS padding-top गुण
संदर्भःCSS रिटिंग-मोड प्रभाव
- पिछला पृष्ठ पैडिंग-ब्लॉक-एण्ड
- अगला पृष्ठ पैडिंग-बॉटम