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 रिटिंग-मोड प्रभाव