CSS max-block-size प्रयोग

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

max-block-size गुण एलेमेंट को ब्लॉक दिशा में अधिकतम आकार निर्दिष्ट करता है。

यदि विषय ब्लॉक दिशा में आकार अधिकतम मान से कम होता है, तो max-block-size गुण मान असक्रिय है।

यदि विषय ब्लॉक दिशा में आकार अधिकतम मान से बड़ा होता है, तो max-block-size गुण मान।

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

CSS max-block-size गुण CSS गुण के साथ मैक्स-हेईथ और max-width बहुत अधिक अनादिकारी, लेकिन max-block-size गुण ब्लॉक दिशा पर निर्भर करता है。

उदाहरण

उदाहरण 1

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

div {
  max-block-size: 60px;
}

खुद आज्ञा करें

उदाहरण 2: लिखने की मोड

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

div {
  max-block-size: 60px;
  writing-mode: vertical-lr;
}

खुद आज्ञा करें

उदाहरण 3: Max-block-size vs Block-size

एक <div> एलेमेंट को देखें (block-size 100पिक्सेल (डिव) और एक अन्य <div> एलेमेंट (max-block-size 100पिक्सेल (डिव) के लिए विषय के आकार में परिवर्तन के विभिन्न प्रतिक्रियाओं के लिए:

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

खुद आज्ञा करें

CSS व्याकरण

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

गुण मान

तकनीकी विवरण

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

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

संबंधित पन्ना

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

संदर्भःCSS min-block-size प्रयोग

संदर्भःCSS max-height प्रयोग

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

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