CSS max-width प्रभाव

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

max-width एलिमेंट की अधिकतम चौड़ाई को निर्धारित करता है。

वर्णन

इस गुण का मान एलिमेंट की चौड़ाई को एक अधिकतम सीमा निर्धारित करता है। इसलिए, एलिमेंट निर्दिष्ट मान से संकीर्ण हो सकता है, लेकिन उससे चौड़ा नहीं हो सकता। नकारात्मक मान निर्दिष्ट नहीं किया जा सकता।

और देखें:

CSS शिक्षा:CSS आकार

CSS संदर्भ दस्तावेज़:CSS min-width प्रभाव

HTML DOM संदर्भ दस्तावेज़:maxWidth गुण

उदाहरण

पैराग्राफ की अधिकतम चौड़ाई सेट करें:

p
  {
  max-width:100px;
  }

अपने आप प्रयोग करें

CSS व्याकरण

max-width: none|length|initial|inherit;

गुण मान

मान वर्णन
कोई भी नहीं मूलभूत
length एलिमेंट की अधिकतम चौड़ाई का मान निर्धारित करता है。
% इसके भीतर निहित ब्लॉक एलिमेंट के आधार पर प्रतिशत अधिकतम चौड़ाई निर्धारित करता है。
विरासत इस गुण का मूलभूत मान पैरेंट एलिमेंट से विरासत होना चाहिए।

तकनीकी विवरण

मूलभूत मान: कोई भी नहीं
विरासत: नहीं
संस्करण: CSS2
जेसक्रिप्ट संग्रहणः object.style.maxWidth="50px"

TIY उदाहरण

पिक्सल मान का उपयोग करके एलिमेंट की अधिकतम चौड़ाई निर्धारित करना
इस उदाहरण में देखा जाता है कि कैसे पिक्सल मान का उपयोग करके एलिमेंट की अधिकतम ऊंचाई निर्धारित की जाती है。
प्रतिशत का उपयोग करके एलिमेंट की अधिकतम चौड़ाई निर्धारित करना
इस उदाहरण में देखा जाता है कि कैसे प्रतिशत मान का उपयोग करके एलिमेंट की अधिकतम ऊंचाई निर्धारित की जाती है。

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

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

च्रोम IE / एज फ़ायरफॉक्स सफारी ओपेरा
1.0 7.0 1.0 1.0 7.0