CSS border-inline-width विशेषता

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

border-inline-width गुण को सेट करके इनलाइन दिशा में एलिमेंट की बॉर्डर चौडाई निर्धारित करता है。

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

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

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

border-inline-width: 10px 50px;

• इनलाइन शुरू होने के बारे में बॉर्डर चौडाई 10px है
• इनलाइन समाप्त होने के बारे में बॉर्डर चौडाई 50px है

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

border-inline-width: 10px;

• इनलाइन शुरू और समाप्त होने के बारे में बॉर्डर चौडाई 10px है

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

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

उदाहरण

उदाहरण 1

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

#example1 {
  border-inline-style: solid;
  border-inline-width: 10px;
}
#example2 {
  border-inline-style: dashed;
  border-inline-width: thin thick;
}

अपने आप प्रयास करें

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

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

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

अपने आप प्रयास करें

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

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

div {
  direction: rtl;
  border-inline-width: 5px 15px;
}

अपने आप प्रयास करें

CSS व्याकरण

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

गुण मूल्य

तकनीकी विवरण

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

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

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

शिक्षा:CSS किनारा

संदर्भ:CSS बॉर्डर अट्रिब्यूट

संदर्भ:CSS बॉर्डर-इनलाइन अट्रिब्यूट

संदर्भ:CSS border-inline-style विशेषता

संदर्भ:CSS बॉर्डर-बोटम-विड्थ अट्रिब्यूट

संदर्भ:CSS border-left-width विशेषता

संदर्भ:CSS border-right-width विशेषता

संदर्भ:CSS border-top-width विशेषता

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

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

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