सीएसएस आयाम गुण

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

आइए CSS max-height प्रॉपर्टी के लिए एक उदाहरण देखें -

उदाहरण

<शीर्षक>CSS अधिकतम-ऊंचाई<शैली>फॉर्म { चौड़ाई:70%; मार्जिन:0 ऑटो; टेक्स्ट-एलाइन:सेंटर;}* {पैडिंग:2px; मार्जिन:5px;}#containerDiv { मार्जिन:0 ऑटो; अधिकतम-ऊंचाई:150px;}
CSS अधिकतम-ऊंचाई

 
आउटपुट
 

 अधिकतम-ऊंचाई परिभाषित होने से पहले -
 

 
 

 अधिकतम-ऊंचाई परिभाषित होने के बाद -
 

 
 

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

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

 
 

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