CSS min-block-size प्रभाव

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

min-block-size प्रकृति निर्देश एकेले तत्व को ब्लॉक दिशा में न्यूनतम आकार निर्दिष्ट करता है।

यदि सामग्री का आकार ब्लॉक दिशा में न्यूनतम आकार से कम होता है, तो इसे लागू करें}} min-block-size गुण मान

यदि सामग्री का आकार ब्लॉक दिशा में न्यूनतम आकार से बड़ा होता है, तो min-block-size गुण मान असक्रिय है

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

CSS min-block-size गुण के साथ CSS गुण min-height और min-width बहुत से समान, लेकिन min-block-size गुण ब्लॉक दिशा पर निर्भर करता है

उदाहरण

उदाहरण 1

डिव एलेमेंट को ब्लॉक दिशा में न्यूनतम आकार 200 पिक्सल के लिए निर्धारित करें:

div {
  min-block-size: 200px;
}

अपने आप साबित करें

उदाहरण 2: लिखने की तरीका

<div> एलेमेंट का writing-mode जब गुण का मान vertical-rl पर होता है, ब्लॉक दिशा नीचे से पार्श्ववर्ती के रूप में बदलती है, जो इसे प्रभावित करता है min-block-size गुण के काम करने के तरीका:

div {
  min-block-size: 200px;
  writing-mode: vertical-rl;
}

अपने आप साबित करें

उदाहरण 3: min-block-size और block-size

एक <div> एलेमेंट को देखें (block-size 100पिक्सल के लिए (और एक अन्य <div> एलेमेंट <div>min-block-size 100पिक्सल (पिक्सल) के लिए (जबकि सामग्री का आकार बदलता है) विभिन्न प्रतिक्रियाएँ देखें:

#div1 {
  min-block-size: 100px;
}
#div2 {
  block-size: 100px;
}

अपने आप साबित करें

CSS व्याकरण

min-block-size: auto|length|initial|inherit;

गुण मान

तकनीकी विवरण

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

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

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

संदर्भ：CSS ब्लॉक-साइज़ अट्रिब्यूट

संदर्भ：CSS max-block-size प्रभाव

संदर्भ：CSS min-height प्रभाव

संदर्भ：CSS min-width प्रभाव

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