CSS बॉर्डर-ब्लॉक-स्टार्ट-विडथ गुण

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

border-block-start-width गुण को सेट करने के लिए एलिमेंट को ब्लॉक दिशा के आरंभ के बॉर्डर चौड़ाई सेट करें।

ध्यान दें:इस गुण को border-block-start-width गुण को लागू करने के लिए बॉर्डर-ब्लॉक-स्टार्ट-स्टाइल गुण

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

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

उदाहरण

उदाहरण 1

ब्लॉक दिशा के आरंभ के बॉर्डर चौड़ाई को सेट करें:

div {
  border-block-start-style: solid;
  border-block-start-width: 10px;
}

अपने आप साफ़ी करें

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

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

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

अपने आप साफ़ी करें

CSS व्याकरण

border-block-start-width: मध्यम|सूक्ष्म|घन|लंबाई|इनिशियल|विरासत;

गुण मूल्य

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

तकनीकी विवरण

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

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

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

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

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

तत्वावधान:CSS किनारा

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

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

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

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

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

संदर्भ:CSS border-बाईं-चौड़ाई प्रभाव

संदर्भ:CSS border-दाईं-चौड़ाई प्रभाव

संदर्भ:CSS border-top-चौड़ाई प्रभाव

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