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

वर्णन और उपयोग

border-block-width गुण सेट एलिमेंट की ब्लॉक दिशा में बॉर्डर विडथ

ध्यान दें:इसके लिए border-block-width गुण कार्यात्मक होने के लिए सेट करना आवश्यक है बॉर्डर-ब्लॉक-स्टाइल。

border-block-width गुण के वैल्यू को विभिन्न तरीकों से सेट किया जा सकता है:

यदि border-block-width गुण के दो वैल्यू हैं:

border-block-width: 10px 50px;
  • ब्लॉक शुरू स्थान के बॉर्डर की चौड़ाई 10px है
  • ब्लॉक समाप्त स्थान के बॉर्डर की चौड़ाई 50px है

यदि border-block-width गुण का एक मूल्य है:

border-block-width: 10px;
  • ब्लॉक शुरू और समाप्त स्थान के बॉर्डर की चौड़ाई 10px है

CSS border-block-width गुण border-bottom-width、border-left-width、border-right-width और border-top-width बहुत ज़्यादा अच्छा है, लेकिन border-block-width गुण ब्लॉक दिशा पर निर्भर करता है。

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

उदाहरण

उदाहरण 1

ब्लॉक दिशा पर बॉर्डर की चौड़ाई सेट करें

#example1 {
  border-block-style: solid;
  border-block-width: 10px;
}
#example2 {
  border-block-style: solid;
  border-block-width: thin thick;
}

खुद आयात करें

उदाहरण 2: writing-mode गुण के साथ संयोजन

ब्लॉक दिशा पर शुरू और समाप्त स्थान के बॉर्डर प्रभावित करता है writing-mode गुण प्रभाव:

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

खुद आयात करें

CSS व्याकरण

border-block-width: medium|thin|thick|लंबाई|initial|inherit;

गुण मूल्य

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

तकनीकी विवरण

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

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

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

क्रोम एज फायरफॉक्स सफारी ओपेरा
87.0 87.0 66.0 14.1 73.0

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

शिक्षाःCSS किनारा

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

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

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

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

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

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

संदर्भःCSS border-left-width प्रयोग

संदर्भःCSS border-right-width प्रयोग

संदर्भःCSS border-top-width प्रयोग

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