CSS बॉर्डर-ब्लॉक-इंड-एंड-स्टाइल गुण

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

border-block-end-style गुणों का उपयोग एलिमेंट के ब्लॉक दिशा के अंत के बॉर्डर स्टाइल को सेट करने के लिए है।

CSS border-block-end-style गुणों और border-bottom-style、border-left-style、border-right-style और border-top-style गुण बहुत अधिक समान हैं, लेकिन border-block-end-style गुण बॉक्स दिशा पर निर्भर करता है।

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

उदाहरण

उदाहरण 1

बॉक्स दिशा के अंत के बॉर्डर को शैली सेट करें:

div {
  border-block-end-style: dotted;
}

स्वयं आज्ञा दें

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

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

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

स्वयं आज्ञा दें

CSS व्याकरण

border-block-end-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

गुण मूल्य

तकनीकी विवरण

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

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

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

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

सन्दर्भ：CSS बॉर्डर गुण

सन्दर्भ：CSS बॉर्डर-ब्लॉक गुण

सन्दर्भ：CSS बॉर्डर-ब्लॉक-स्टाइल गुण

सन्दर्भ：CSS बॉर्डर-ब्लॉक-स्टार्ट-स्टाइल गुण

सन्दर्भ：CSS बॉर्डर-बोटम-स्टाइल गुण

सन्दर्भ：CSS border-left-style प्रतियोगिता

सन्दर्भ：CSS border-right-style प्रतियोगिता

सन्दर्भ：CSS border-top-style प्रतियोगिता

सन्दर्भ：CSS राइटिंग-मोड प्रतियोगिता