न्यूनतम चौड़ाई - सीएसएस-ट्रिक्स

min-widthसीएसएस में गुण सेट करने के लिए प्रयोग किया जाता है न्यूनतम चौड़ाई एक निर्दिष्ट तत्व की। min-widthसंपत्ति हमेशा ओवरराइड करता है widthसंपत्ति है कि क्या पहले या बाद में पीछा widthअपनी घोषणा में। लेखक किसी भी लम्बाई मान का उपयोग तब तक कर सकते हैं जब तक वे एक सकारात्मक मूल्य हैं।

.wrapper ( width: 100%; min-width: 20em; /* Will be AT LEAST 20em wide */ )

इस पेन को देखें!

यह मानकर min-widthसंभल जाएं कि यह संपत्ति विरासत में मिली है क्योंकि यह संपत्ति अन्य मूल तत्वों से विरासत में नहीं मिली है। यदि लेखक निरपेक्ष मान (px, pt, in, cm, mm) का उपयोग करके चौड़ाई को परिभाषित करते हैं, तो न्यूनतम चौड़ाई प्रभावित नहीं होगी क्योंकि चौड़ाई अनिश्चित काल तक परिभाषित की गई है। उदाहरण के लिए, यदि 200px का मान widthलंबाई के रूप में उपयोग किया जाता है , तो आपका min-width100px का मूल्य शून्य नहीं होगा क्योंकि आपने पहले ही width(यानी 200px) के लिए निरपेक्ष मूल्य निर्दिष्ट कर दिया है । उपयोग करने का सबसे अच्छा तरीका min-widthएक widthमूल्य को प्रतिशत के रूप में परिभाषित करना है और min-widthसंपत्ति के लिए एक निरपेक्ष मूल्य का उपयोग करना है अन्यथा दोनों के लिए प्रतिशत मूल्य का उपयोग करना min-widthऔर widthअपेक्षित परिणाम नहीं देगा।