CSS बॉर्डर-इनलाइन-रंग प्रतियोगिता

विभावना और उपयोग

border-inline-color इनलाइन दिशा में एलिमेंट के बॉर्डर रंग सेट करना है。

उपदेश:यह गुण सेट करने के लिए border-inline-color गुण के प्रभावी होने के लिए border-inline-style。

border-inline-color गुण के मांग को विभिन्न तरीकों से सेट किया जा सकता है:

यदि border-inline-color गुण की दो मांग है:

border-inline-color: pink blue;

• इनलाइन शुरूआती के बॉर्डर रंग गुलाबी है
• इनलाइन समाप्ती के बॉर्डर रंग नीला है

यदि border-inline-color गुण की एक मांग है:

border-inline-color: नीली;

• इनलाइन शुरूआती और समाप्ती के बॉर्डर रंग नीला है

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

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

उदाहरण

उदाहरण 1

इनलाइन दिशा पर बॉर्डर के रंग सेट करें:

#example1 {
  border-inline-style: solid;
  border-inline-color: लाल फोक्सटेन;
}
#example2 {
  border-inline-style: solid;
  border-inline-color: लाल फोक्सटेन;
}

खुद साफली करें

उदाहरण 2: writing-mode गुण के साथ मिला हुआ

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

div {
  border-inline-style: solid;
  writing-mode: vertical-rl;
  border-inline-color: नीली;
}

खुद साफली करें

उदाहरण 3: direction गुण के साथ मिला हुआ

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

div {
  direction: rtl;
  border-inline-color: नीली लाल फोक्सटेन;
}

खुद साफली करें

CSS व्याकरण

border-inline-color: रंग|transparent|initial|inherit;

गुण मूल्य

तकनीकी विवरण

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

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

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

ट्यूटोरियल：CSS किनारा

संदर्भ：CSS बॉर्डर प्रतियोगिता

संदर्भ：CSS बॉर्डर-इनलाइन प्रतियोगिता

संदर्भ：CSS border-inline-style गुण

संदर्भ：CSS बॉर्डर-बोटम-रंग प्रतियोगिता

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

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

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

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

संदर्भ：CSS टेक्स्ट-ओरिएंटेशन प्रभाव

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