CSS padding-inline-start गुण

परिभाषा और उपयोग

एलेमेंट का padding-inline-start इनलाइन दिशा के प्रारंभ से, किनारा से सामग्री तक के अंतर को परिभाषित करते हैं।

गुण बहुत कुछ समान हैं, लेकिन से संबंधित CSS गुण padding-inline CSS गुणpadding-bottompadding-toppadding-bottomपैडिंग-लेफ्ट से संबंधित CSS गुण और padding-right बहुत कुछ समान हैं, लेकिन से संबंधित CSS गुण padding-inline padding-block

गुण इनलाइन दिशा और ब्लॉक दिशा पर निर्भर करता है।ध्यान दें: writing-mode से संबंधित CSS गुण direction इनलाइन दिशा को परिभाषित करता है।यह एलेमेंट के इनलाइन दिशा पर प्रारंभ और समापन स्थान और padding-inline-start गुण का परिणाम।अंग्रेजी पृष्ठों के लिए ब्लॉक दिशा नीचे की ओर है, इनलाइन दिशा बाएं से दायां की ओर है।

उदाहरण

उदाहरण 1

इनलाइन दिशा के प्रारंभ को आंतरिक गाली निर्धारित करें:

div {
  padding-inline-start: 50px;
}

स्वयं प्रयोग करें

उदाहरण 2

दोनों <div> एलेमेंट का writing-mode गुण का मान vertical-rl पर सेट होने पर इनलाइन दिशा नीचे की ओर होती है।परिणामस्वरूप एलेमेंट का प्रारंभिक स्थान नीचे से ऊपर की ओर जाता है:

div {
  writing-mode: vertical-rl;
  padding-inline-start: 100px;
}

स्वयं प्रयोग करें

उदाहरण 3

दोनों <div> एलेमेंट का direction गुण का मान rtl पर सेट होने पर इनलाइन दिशा दायां ओर होती है।परिणामस्वरूप एलेमेंट का प्रारंभिक स्थान दायां ओर से बाएं ओर की ओर जाता है:

div {
  direction: rtl;
  padding-inline-start: 100px;
}

स्वयं प्रयोग करें

CSS व्याकरण

padding-inline-start: ऑटो|मान|इनिशियल|विरासतीय;

गुण मान

तकनीकी विवरण

ब्राउज़र समर्थन

टेबल में दिखाई वाले नंबर का अर्थ है कि किस ब्राउज़र का पहला संस्करण इस गुण को पूरी तरह से समर्थित करता है।

संबंधित पृष्ठ

संदर्भःCSS direction गुण

संदर्भःCSS padding-inline गुण

संदर्भःCSS padding-inline-end गुण

संदर्भःCSS padding-bottom गुण

संदर्भःCSS padding-left गुण

संदर्भःCSS padding-right गुण

संदर्भःCSS padding-top गुण

संदर्भःCSS वरिटिंग-मोड विशेषता