CSS padding-inline-end प्रयोग

कोर्स सिफारिश:

वर्णन और उपयोग padding-inline-end एलिमेंट का

का अर्थ है कि इनलाइन दिशा के अंतिम स्थान पर एलिमेंट के किनारे से सामग्री तक की जगह पैडिंग-इनलाइन संबंधित CSS गुण बहुत ज्यादा अच्छा समान है, लेकिन CSS गुणpadding-bottompadding-toppadding-bottom、 संबंधित CSS गुण padding-left padding-right पैडिंग-इनलाइन संबंधित CSS गुण बहुत ज्यादा अच्छा समान है, लेकिन padding-block

गुण इनलाइन दिशा और बॉक्स दिशा पर निर्भर करता है।ध्यान दें: writing-mode संबंधित CSS गुण direction इनलाइन दिशा को निर्धारित करता है।यह एलिमेंट के इनलाइन दिशा में शुरू और अंत अवस्थान और padding-inline-end गुण का परिणाम

उदाहरण

उदाहरण 1

इनलाइन दिशा के अंतिम स्थान पर आंतरिक सीमा निर्धारित करें:

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

अपने आप प्रयोग करें

उदाहरण 2

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

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

अपने आप प्रयोग करें

उदाहरण 3

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

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

अपने आप प्रयोग करें

CSS व्याकरण

padding-inline-end: auto|value|आरंभिक|विरासत|;

गुण मूल्य

तकनीकी विवरण

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

तालिका में दिए गए नंबर इस गुण को पूरी तरह से समर्थन देने वाले पहले ब्राउज़र का संस्करण के रूप में प्रदर्शित हैं。

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

संदर्भःCSS दिशा गुण

संदर्भःCSS padding-inline प्रयोग

संदर्भःCSS padding-inline-start प्रयोग

संदर्भःCSS padding-bottom प्रयोग

संदर्भःCSS padding-left प्रयोग

संदर्भःCSS padding-right प्रयोग

संदर्भःCSS padding-top प्रयोग

संदर्भःCSS वरिंग-मोड प्रतियोगिता