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;
}
अपने आप प्रयोग करें
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 रिटींग-मोड प्रभाव
- पिछला पृष्ठ बॉर्डर-इनलाइन-इंड-कलर
- अगला पृष्ठ बॉर्डर-इनलाइन-इंड-विडथ