CSS min-inline-size प्रतियोगिता

व्याख्या और उपयोग

min-inline-size गुण निर्दिष्ट एलिमेंट को पंक्ति दिशा में कम साइज निर्दिष्ट करता है。

यदि सामग्री का आकार लाइन अन्दर दिशा पर न्यूनतम आकार से कम होता है तो लागू किया जाएगा}} min-inline-size गुण मान

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

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

CSS min-inline-size गुण CSS गुण के साथ मिन-हेइट और min-width बहुत ही समान हैं, लेकिन min-inline-size गुण लाइन अन्दर की दिशा पर निर्भर करता है。

उदाहरण

उदाहरण 1

200 पिक्सल का लाइन अन्दर का न्यूनतम आकार <div> एलेमेंट में सेट करें:

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

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

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

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

div {
  min-inline-size: 260px;
  writing-mode: vertical-rl;
}

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

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

एक उदाहरण देखें inline-size 200px के <div> एलेमेंट और दूसरे min-inline-size 200px के <div> एलेमेंट के विभिन्न प्रदर्शन के लिए जबकि सामग्री का आकार बदलता है:

#div1 {
  min-inline-size: 200px;
}
#div2 {
  inline-size: 200px;
}

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

CSS व्याकरण

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

गुण मान

तकनीकी विवरण

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

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

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

संदर्भ：CSS इनलाइन-साइज प्रभाव

संदर्भ：CSS max-inline-size प्रतियोगिता

संदर्भ：CSS min-height प्रतियोगिता

संदर्भ：CSS min-width प्रतियोगिता

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