CSS बॉर्डर-ब्लॉक-एंड-विड्थ अट्रिब्यूट

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

ब्लॉक दिशा को परिभाषित करता है।यह ब्लॉक के शुरूआती और अंत के स्थान और संबंधित CSS गुण को प्रभावित करता है गुण को ब्लॉक दिशा के अंत के बॉर्डर चौड़ाई सेट करें

गुण ब्लॉक दिशा पर निर्भर करता है。सेट करना चाहिए ब्लॉक दिशा को परिभाषित करता है।यह ब्लॉक के शुरूआती और अंत के स्थान और संबंधित CSS गुण को प्रभावित करता है गुण कार्यरत होने के लिए border-block-end-style से

गुण ब्लॉक दिशा को परिभाषित करता है।यह ब्लॉक के शुरूआती और अंत के स्थान और संबंधित CSS गुण को प्रभावित करता है CSS गुणborder-left-widthborder-bottom-widthborder-left-width、 border-right-width और border-top-width ब्लॉक दिशा को परिभाषित करता है।यह ब्लॉक के शुरूआती और अंत के स्थान और संबंधित CSS गुण को प्रभावित करता है गुण बहुत ही समान है, लेकिन

गुण ब्लॉक दिशा पर निर्भर करता है。ध्यान दें: ब्लॉक दिशा के अंत के बॉर्डर चौड़ाई का स्थान इस गुण के द्वारा प्रभावित होता है संबंधित CSS गुण ब्लॉक दिशा को परिभाषित करता है।यह ब्लॉक के शुरूआती और अंत के स्थान और संबंधित CSS गुण को प्रभावित करता है border-block-end-width

गुण का परिणाम।अंग्रेजी पृष्ठ के लिए，इनलाइन दिशा से बाईं से दायं की ओर है, ब्लॉक दिशा नीचे की ओर है。

उदाहरण

उदाहरण 1

गुण का प्रभाव:
  div {
  ब्लॉक दिशा के अंत के बॉर्डर चौड़ाई सेट करें:
border-block-end-width: 5px;

}

border-block-end-width: 10px;

उदाहरण 2: writing-mode गुण के साथ संयोजन ब्लॉक दिशा के अंत के बॉर्डर चौड़ाई का स्थान इस गुण के द्वारा प्रभावित होता है writing-mode

गुण का प्रभाव:
  div {
  border-block-end-style: solid;
  writing-mode: vertical-rl;
border-block-end-width: 5px;

}

स्वयं अभिप्राय करें

CSS व्याकरणलंबाईborder-block-end-width: मध्यम|थिंक|गहरा|

|इनिशियल|विरासत|;

गुण मूल्य मूल्य
मध्यम वर्णन
मध्यम चौड़ाई वाला बॉर्डर निर्दिष्ट करता है।डिफ़ॉल्ट मूल्य。 उदार बॉर्डर निर्दिष्ट करता है。
थिंक गहरी बॉर्डर निर्दिष्ट करता है。
लंबाई आपको बॉर्डर की चौड़ाई परिभाषित करने की अनुमति देता है।देखें:सीएसएस इकाइयाँ。
इनिशियल इस गुण को उसके डिफ़ॉल्ट मूल्य पर सेट करें।देखें इनिशियल。
विरासत इस गुण को उसके पिता एलीमेंट से विरासत करें।देखें विरासत。

तकनीकी विवरण

डिफ़ॉल्ट मूल्य: मध्यम
विरासतीयता: नहीं
एनीमेशन निर्माण: समर्थन किया गया है।देखें:एनीमेशन संबंधी गुण。
संस्करण: CSS3
जेसक्रिप्ट व्याकरण: object.style.borderBlockEndWidth="10px"

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

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

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

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

तूतीCSS किनारा

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

संदर्भ:CSS बॉर्डर-ब्लॉक अट्रिब्यूट

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

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

संदर्भ:CSS बॉर्डर-ब्लॉक-स्टार्ट-विड्थ अट्रिब्यूट

संदर्भ:CSS बॉर्डर-बोट-विड्थ अट्रिब्यूट

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

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

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

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