CSS border-inline-start गुण

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

border-inline-start गुण निम्नलिखित गुणों का आभारदायी है:

• border-inline-start-width
• border-inline-start-style
• border-inline-start-color

CSS border-inline-start गुण एक CSS गुण के साथ मिलता-जुलता है: border-bottom、border-left、border-right और border-top बहुत से समान हैं, लेकिन border-inline-start गुण लाइन-दिशा पर निर्भर करता है।

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

उदाहरण

उदाहरण 1

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

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

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

उदाहरण 2: writing-mode गुण के साथ संयोजन

लाइनेंग दिशा में शुरूआती स्थान के बॉर्डर की स्थिति writing-mode गुण प्रभाव:

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

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

उदाहरण 3: direction गुण के साथ संयोजन

लाइनेंग दिशा में शुरूआती स्थान के बॉर्डर की स्थिति direction गुण प्रभाव:

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

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

CSS व्याकरण

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

गुण मूल्य

तकनीकी विवरण

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

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

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

तालीमी：CSS किनारा

सन्दर्भ：CSS बॉर्डर गुण

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

सन्दर्भ：CSS बॉर्डर-इनलाइन-अंत-शैली गुण

सन्दर्भ：CSS border-inline-start-color गुण

सन्दर्भ：CSS बॉर्डर-नीचे-रंग गुण

सन्दर्भ：CSS border-left-color गुण

सन्दर्भ：CSS border-right-color गुण

सन्दर्भ：CSS border-top-color गुण

सन्दर्भ：CSS direction गुण

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

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