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

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

अंतर्गत दिशा को परिभाषित करता है। यह एक पंक्ति के शुरूआती और अंतिम स्थान और गुण को इन्द्रिया की दिशा के अंत में एलिमेंट के किनारा शैली निर्धारित करता है।

CSS के अंतर्गत दिशा को परिभाषित करता है। यह एक पंक्ति के शुरूआती और अंतिम स्थान और गुण border-bottom-styleसंबंधित CSS गुणborder-left-styleसंबंधित CSS गुणborder-right-style text-orientation border-top-style गुणों के बीच बहुत अधिक समानता है, लेकिन अंतर्गत दिशा को परिभाषित करता है। यह एक पंक्ति के शुरूआती और अंतिम स्थान और गुण इन्द्रिया की दिशा पर निर्भर करते हैं।

注意:ध्यान दें: उदाहरण 2: writing-mode गुण के साथ संयोजनसंबंधित CSS गुण text-orientation उदाहरण 3: direction गुण के साथ संयोजन और अंतर्गत दिशा को परिभाषित करता है। यह एक पंक्ति के शुरूआती और अंतिम स्थान और border-inline-end-style

अंग्रेजी पृष्ठ के लिए अंतर्गत दिशा से बाईं दाएँ है, ब्लॉक दिशा नीचे है

गुण का परिणाम

उदाहरण

direction
  div {
direction: rtl;

border-inline-end-style: dotted;

उदाहरण 1

अंतर्गत दिशा के अंतिम बॉर्डर को शैली निर्धारित करें उदाहरण 2: writing-mode गुण के साथ संयोजन अंतर्गत दिशा के बॉर्डर के शुरूआती और अंतिम स्थान को निर्धारित करता है

direction
  अंतर्गत दिशा के अंतिम बॉर्डर के स्थान को निर्धारित करता है
  div {
direction: rtl;

border-inline-end-style: dotted;

writing-mode

writing-mode: vertical-rl; उदाहरण 3: direction गुण के साथ संयोजन अंतर्गत दिशा के बॉर्डर के शुरूआती और अंतिम स्थान को निर्धारित करता है

direction
  गुण प्रभाव:
  div {
direction: rtl;

border-inline-end-style: dotted;

}

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

CSS व्याकरण

border-inline-end-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit; गुण मूल्य
निष्प्रवर्तन मूल्य
वर्णन मूलभूत मूल्य। बिना बॉर्डर को निर्दिष्ट करें
hidden none के समान है, लेकिन तालिका एलिमेंट के बॉर्डर टकराव के समाधान में अलग है
dashed डॉटेड बॉर्डर निर्दिष्ट करें
solid सोलिड बॉर्डर निर्दिष्ट करें
double दो लकीरी बॉर्डर निर्दिष्ट करें
groove

3D गड्ढा बॉर्डर निर्दिष्ट करें

प्रभाव बॉर्डर-कलर के मूल्य पर निर्भर करता है。

ridge

3D उभरता बॉर्डर निर्दिष्ट करें

प्रभाव बॉर्डर-कलर के मूल्य पर निर्भर करता है。

inset

3D अंदरी गोलाकार बॉर्डर निर्दिष्ट करें

प्रभाव बॉर्डर-कलर के मूल्य पर निर्भर करता है。

outset

3D बाहरी गोलाकार बॉर्डर निर्दिष्ट करें

प्रभाव बॉर्डर-कलर के मूल्य पर निर्भर करता है。

initial इस गुण को उसके मूलभूत मूल्य पर सेट करें। देखें initial.
विरासतीय इस गुण को उसके माता एलिमेंट से विरासतीय करें। देखें विरासतीय.

तकनीकी विवरण

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

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

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

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

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

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

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

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

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

सन्दर्भ:CSS border-inline-start-style गुण

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

सन्दर्भ:CSS border-left-style गुण

सन्दर्भ:CSS border-right-style गुण

सन्दर्भ:CSS border-top-style गुण

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

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

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