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

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

border-inline-end-color गुण निर्धारित एलिमेंट के आन्दरूनी दिशा के अंत के बॉर्डर रंग को निर्धारित करता है

ध्यान दें:द्वारा border-inline-end-color गुण कार्यात्मक होने के लिए, निर्धारित करना आवश्यक है बॉर्डर-इनलाइन-एंड-साइड-स्टाइल गुण

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

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

उदाहरण

उदाहरण 1

इनलाइन दिशा के अंत के बॉर्डर को रंग निर्धारित करें:

div {
  border-inline-end-style: solid;
  border-inline-end-color: pink;
}

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

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

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

div {
  border-inline-end-style: solid;
  writing-mode: vertical-rl;
  border-inline-end-color: blue;
}

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

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

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

div {
  direction: rtl;
  border-inline-end-color: hotpink;
}

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

CSS व्याकरण

border-inline-end-color: रंग|पारदर्शी|इनिशियल|विरासत|;

गुण मान

तकनीकी विवरण

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

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

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

तत्विका:CSS बॉर्डर

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

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

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

सन्दर्भ:CSS बॉर्डर-इनलाइन-स्टार्ट-रंग प्रकृति

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

सन्दर्भ:CSS बॉर्डर-लेफ्ट-रंग प्रकृति

सन्दर्भ:CSS बॉर्डर-राइट-रंग प्रकृति

सन्दर्भ:CSS बॉर्डर-टॉप-रंग प्रकृति

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

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

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