CSS बॉर्डर-ब्लॉक-स्टार्ट अट्रिब्यूट

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

border-block-start गुण कुछ अन्य गुणों की संक्षिप्त प्रदर्शना है:

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

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

उदाहरण

उदाहरण 1

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

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

स्वयं अभिप्राय कीजिए

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

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

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

स्वयं अभिप्राय कीजिए

CSS व्याकरण

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

गुण मूल्य

मूल्य वर्णन
border-block-start-width

बॉक्स दिशा में शुरूआती एलीमेंट के बॉर्डर चौड़ाई निर्दिष्ट करें।

डिफ़ॉल्ट मूल्य medium है।
border-block-start-style

बॉक्स दिशा में शुरूआती एलीमेंट के बॉर्डर शैली निर्दिष्ट करें।

डिफ़ॉल्ट मूल्य none है।
border-block-start-color

बॉक्स दिशा में शुरूआती एलीमेंट के बॉर्डर रंग निर्दिष्ट करें।

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

तकनीकी विवरण

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

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

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

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

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

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

सन्दर्भ：CSS बॉर्डर अट्रिब्यूट

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

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

सन्दर्भ：CSS बॉर्डर-ब्लॉक-स्टार्ट-कलर अट्रिब्यूट

सन्दर्भ：CSS बॉर्डर-बोट-कलर अट्रिब्यूट

सन्दर्भ：CSS बॉर्डर-लेफ्ट-रंग प्रकृति

सन्दर्भ：CSS बॉर्डर-राइट-रंग प्रकृति

सन्दर्भ：CSS बॉर्डर-टॉप-रंग प्रकृति

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