CSS बॉर्डर-ब्लॉक प्रभाव

कोर्स सिफ़ारिश:

border-block वर्णन और उपयोग

• border-block-width
• border-block-styleगुण निम्नलिखित गुणों का शोर्टकट है:
• border-block-color

（अनिवार्य）

यदि रंग या चौड़ाई का मूल्य छोड़ दिया जाता है, तो डिफ़ॉल्ट मूल्य इस्तेमाल किया जाएगा。 border-block CSS border गुण border-block गुण बहुत ही समान हैं, लेकिन

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

उदाहरण

उदाहरण 1

ब्लॉक दिशा पर विभिन्न एलीमेंट के बॉर्डर की शैली, रंग और चौड़ाई सेट करें:

h1 {
  border-block: 5px solid red;
}
h2 {
  border-block: 4px dotted blue;
}
div {
  border-block: double;
}

अपने आप प्रयास करें

उदाहरण 2: writing-mode गुण के साथ जोड़

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

div {
  writing-mode: vertical-rl;
  border-block: hotpink dashed 8px;
}

अपने आप प्रयास करें

CSS व्याकरण

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

गुण मूल्य

तकनीकी विवरण

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

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

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

ट्यूटोरियल：CSS बॉर्डर

संदर्भ：CSS बॉर्डर प्रभाव

संदर्भ：CSS बॉर्डर-ब्लॉक-कलर प्रभाव

संदर्भ：CSS बॉर्डर-ब्लॉक-स्टाइल प्रभाव

संदर्भ：CSS बॉर्डर-ब्लॉक-विड्थ प्रभाव

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