CSS बॉर्डर-इनलाइन-एंड गुण

वर्णन और उपयोग

border-inline-end विशेषता निम्नलिखित विशेषताओं का शुद्ध रूप है:

• border-inline-end-width（लाइन अंत बॉर्डर चौड़ाई）
• border-inline-end-style（लाइन अंत बॉर्डर शैली）
• बॉर्डर-इनलाइन-एंड-कलर（लाइन अंत बॉर्डर रंग）

CSS की border-inline-end विशेषता border-bottom、border-left、border-right और border-top विशेषताएँ बहुत अधिक अनादिक हैं, लेकिन border-inline-end विशेषता लाइन दिशा पर निर्भर करती है।

ध्यान दें:संबंधित CSS विशेषता writing-mode、text-orientation और direction दिशा-अनुसार निर्धारित करता है। यह एक पंक्ति की शुरूआत और समाप्ति के स्थान और border-inline-end गुण का परिणाम। अंग्रेजी पृष्ठ के लिए，दिशा-अनुसार दायां से बाईं तक है और बॉक्स दिशा से ऊपर से नीचे है।

उदाहरण

उदाहरण 1

दिशा-अनुसार अंतिम बॉर्डर के चौड़ाई, रंग और शैली सेट करें:

div {
  border-inline-end: 10px solid pink;
}

अपने आप सबसे देखें

उदाहरण 2: writing-mode गुण के साथ जोड़

दिशा-अनुसार अंतिम बॉर्डर का स्थान इस गुण से प्रभावित होता है writing-mode गुण प्रभाव:

div {
  writing-mode: vertical-rl;
  border-inline-end: 5px solid blue;
}

अपने आप सबसे देखें

उदाहरण 3: direction गुण के साथ जोड़

दिशा-अनुसार अंतिम बॉर्डर का स्थान इस गुण से प्रभावित होता है direction गुण प्रभाव:

div {
  direction: rtl;
  border-inline-end: 5px solid hotpink;
}

अपने आप सबसे देखें

CSS व्याकरण

border-inline-end: border-inline-end-width border-inline-end-style border-inline-end-color|initial|inherit;

गुण मान

तकनीकी विवरण

तकनीकी विवरण

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

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

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

तस्तीवाद:CSS किनारा

संदर्भ:CSS बॉर्डर गुण

संदर्भ:CSS बॉर्डर-इनलाइन गुण

संदर्भ:CSS बॉर्डर-इनलाइन-एंड-स्टाइल गुण

संदर्भ:CSS बॉर्डर-इनलाइन-एंड-कलर गुण

संदर्भ:CSS बॉर्डर-बोटम-कलर गुण

संदर्भ:CSS border-left-color गुण

संदर्भ:CSS border-right-color गुण

संदर्भ:CSS border-top-color गुण

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

संदर्भ:CSS टेक्स्ट-ओरिएंटेशन प्रतियोगिता

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