CSS बॉर्डर-ब्लॉक-अंत गुण

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

border-block-end गुण निम्नलिखित गुणों के संक्षिप्त रूप है:

• border-block-end-width
• border-block-end-style
• border-block-end-color

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

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

उदाहरण

उदाहरण 1

ब्लॉक दिशा के अंत के बॉर्डर को चौड़ाई, रंग और शैली सेट करें:

div {
  border-block-end: 10px solid pink;
}

स्वयं प्रयोग करें

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

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

div {
  writing-mode: vertical-rl;
  border-block-end: dotted blue;
}

स्वयं प्रयोग करें

CSS व्याकरण

border-block-end: border-block-end-width border-block-end-style border-block-end-color|initial|inherit;

गुण मान

तकनीकी विवरण

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

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

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

तूतीर्थक:CSS किनारा

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

संदर्भ:CSS बॉर्डर-ब्लॉक गुण

संदर्भ:CSS बॉर्डर-ब्लॉक-रंग गुण

संदर्भ:CSS बॉर्डर-ब्लॉक-शुरू-रंग गुण

संदर्भ:CSS बॉर्डर-बोट-रंग गुण

संदर्भ:CSS border-left-color गुण

संदर्भ:CSS border-right-color गुण

संदर्भ:CSS border-top-color गुण

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