सीएसएस में न्यूनतम-चौड़ाई वाली संपत्ति

हम सीएसएस न्यूनतम-चौड़ाई संपत्ति का उपयोग करके किसी तत्व की सामग्री बॉक्स के लिए एक निश्चित न्यूनतम-चौड़ाई परिभाषित कर सकते हैं जो तत्व के सामग्री बॉक्स को संकीर्ण होने की अनुमति नहीं देता है, भले ही चौड़ाई न्यूनतम-चौड़ाई से कम हो।

सिंटैक्स

CSS न्यूनतम-चौड़ाई संपत्ति का सिंटैक्स इस प्रकार है -

चयनकर्ता { न्यूनतम-चौड़ाई:/*मान*/}

उदाहरण

आइए CSS न्यूनतम-चौड़ाई संपत्ति के लिए एक उदाहरण देखें -

  <हेड> <शीर्षक> सीएसएस न्यूनतम-चौड़ाई संपत्ति   <शैली> * { पैडिंग:2 पीएक्स; मार्जिन:5 पीएक्स;} बटन {बॉर्डर-त्रिज्या:10 पीएक्स;} # कंटेनरडिव {चौड़ाई:70%; मार्जिन:0 ऑटो; पैडिंग:20 पीएक्स; पृष्ठभूमि-छवि:रैखिक-ढाल (135deg, #dc3545 0%, #9599E2 100%); पाठ-संरेखण:केंद्र; सीमा-त्रिज्या:10px;}.contentDiv{ न्यूनतम-चौड़ाई:200px; बॉर्डर:1px सॉलिड ब्लैक;}
यह कुछ डमी टेक्स्ट के साथ पैराग्राफ 1 है।
यह कुछ डमी टेक्स्ट के साथ पैराग्राफ 2 है।
यह कुछ डमी टेक्स्ट के साथ पैराग्राफ 2 है।
 सेट minWidth
 
आउटपुट
 

 उपरोक्त कोड के लिए आउटपुट निम्नलिखित है -
 

 ‘मिनविड्थ सेट करें’ clicking क्लिक करने से पहले बटन -
 

 
 

 ‘मिनविड्थ सेट करें’ clicking क्लिक करने के बाद बटन -
 

 
 
उदाहरण
 

 आइए CSS न्यूनतम-चौड़ाई संपत्ति के लिए एक और उदाहरण देखें -
 
<शीर्षक>CSS न्यूनतम-चौड़ाई वाली संपत्ति
यह कुछ डमी के साथ पैराग्राफ 1 है text.
Lorem Text
यह कुछ डमी टेक्स्ट के साथ पैराग्राफ 3 है।
मिनविड्थ सेट करें
 
आउटपुट
 

 उपरोक्त कोड के लिए आउटपुट निम्नलिखित है -
 

 ‘मिनविड्थ सेट करें’ clicking क्लिक करने से पहले बटन -
 

 
 

 ‘मिनविड्थ सेट करें’ . क्लिक करने के बाद बटन -