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

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

border-inline गुण निम्नलिखित गुणों का शुद्धीकरण है:

यदि रंग या चौड़ाई का मान खोजा गया है, तो डिफ़ॉल्ट मान का उपयोग किया जाएगा。

CSS का border-inline गुण border गुण काफी समान हैं, लेकिन border-inline गुण इनलाइन दिशा पर निर्भर करता है।

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

उदाहरण

उदाहरण 1

इनलाइन दिशा के विभिन्न एलिमेंटों के लिए बॉर्डर की शैली, रंग और चौड़ाई सेट करें:

h1 {
  border-inline: 5px solid red;
}
h2 {
  border-inline: 4px dotted blue;
}
div {
  border-inline: double;
}

अपने आप प्रयोग करें

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

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

div {
  writing-mode: vertical-rl;
  border-inline: hotpink dashed 8px;
}

अपने आप प्रयोग करें

CSS व्याकरण

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

गुण मूल्य

मूल्य वर्णन
border-inline-width

इनलाइन दिशा में बॉर्डर की चौड़ाई निर्दिष्ट करें।

डिफ़ॉल्ट मूल्य "medium" है।

border-inline-style

इनलाइन दिशा में बॉर्डर का शैली निर्दिष्ट करें।

डिफ़ॉल्ट मूल्य "none" है।

border-inline-color

इनलाइन दिशा में बॉर्डर का रंग निर्दिष्ट करें।

डिफ़ॉल्ट मूल्य टेक्स्ट का रंग है।

डिफ़ॉल्ट इस गुण को उसके डिफ़ॉल्ट मूल्य पर सेट करें। देखें डिफ़ॉल्ट
विरासत इस गुण को उसके पिता एलिमेंट से विरासत करें। देखें विरासत

तकनीकी विवरण

डिफ़ॉल्ट मूल्य: मध्यम none रंग
विरासतीयता: नहीं
एनीमेशन निर्माण: हाँ, व्यक्तिगत गुणों को देखें. एनिमेटेबल के बारे में पढ़ें
संस्करण: CSS3
जेसक्रिप्ट व्याकरण: object.style.borderInline="dashed hotpink 10px"

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

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

च्रोम एज फायरफॉक्स सैफारी ओपेरा
87.0 87.0 66.0 14.1 73.0

相关页面

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

संदर्भःCSS बॉर्डर गुण

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

संदर्भःCSS border-inline-style प्रयोग

संदर्भःCSS border-inline-width प्रयोग

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

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

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