CSS बॉर्डर-इनलाइन-इंड-विडथ प्रभाव

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

border-inline-end-width प्रकृति सेटिंग एलीमेंट के अंतिम छोर की किनारा चौड़ाई।

ध्यान दें:यदि border-inline-end-width गुण कार्यान्वित होने के लिए border-inline-end-style गुण।

CSS border-inline-end-width गुण border-bottom-width、border-left-width、border-right-width और border-top-width बहुत अधिक अनादरणीय है, लेकिन border-inline-end-width गुण इनलाइन दिशा पर निर्भर करता है।

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

उदाहरण

उदाहरण 1

इनलाइन दिशा के अंतिम बॉर्डर की चौड़ाई सेट करें:

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

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

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

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

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

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

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

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

div {
  direction: rtl;
  border-inline-end-width: 10px;
}

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

CSS व्याकरण

border-inline-end-width: medium|thin|thick|लंबाई|initial|inherit;

गुण मूल्य

मूल्य वर्णन
मध्यम मध्यम बॉर्डर को निर्दिष्ट करें। मूलभूत मूल्य。
साधारण संकीर्ण बॉर्डर को निर्दिष्ट करें।
चौड़ा चौड़ी बॉर्डर को निर्दिष्ट करें।
लंबाई आपको बॉर्डर की चौड़ाई परिभाषित करने की अनुमति देता है। देखें:सीएसएस इकाई。
initial इस गुण को उसके मूलभूत मूल्य पर सेट करें। देखें: initial。
विरासत इस गुण को उसके माता एलीमेंट से विरासत करें। देखें: विरासत。

तकनीकी विवरण

मूलभूत मूल्य: मध्यम
विरासत: नहीं
एनीमेशन निर्माण: समर्थन किया गया है। देखें:एनीमेशन संबंधी गुण。
संस्करण: CSS3
जेसक्रिप्ट व्याकरण: object.style.borderInlineEndWidth="10px"

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

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

च्रोम एज फायरफॉक्स सफारी ओपेरा
69.0 79.0 41.0 12.1 56.0

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

तत्वाकार:CSS किनारा

संदर्भ:CSS बॉर्डर प्रभाव

संदर्भ:CSS बॉर्डर-इनलाइन प्रभाव

संदर्भ:CSS बॉर्डर-इनलाइन-इंड-स्टाइल प्रभाव

संदर्भ:CSS border-inline-start-width गुण

संदर्भ:CSS बॉर्डर-बोटम-विडथ प्रभाव

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

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

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

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

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

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