सीएसएस चौड़ाई फिट सामग्री

यहाँ HTML कोड का आउटपुट है:

अभी तक हमने HTML पेज की चर्चा की है। अब, अगले भाग में, हम HTML तत्वों को बेहतर दिखाने के लिए विभिन्न CSS शैलियों को लागू करेंगे। चल रहे उदाहरण में, हम 'के व्यवहार की जांच करेंगे' चौड़ाई 'मूल्य वाली संपत्ति' फिट सामग्री 'सीएसएस में।

शैली 'बॉक्स' div

' ।डिब्बा 'डिव क्लास बॉक्स को संदर्भित करता है। नीचे वे गुण हैं जो उस पर लागू होते हैं:

• • ' चौड़ाई 'मूल्य के साथ संपत्ति' फिट सामग्री ” उपलब्ध स्थान का उपयोग करता है, लेकिन यह सामग्री से अधिक नहीं होगा।
  • ' ऊंचाई 'वह संपत्ति है जो तत्व की ऊंचाई निर्धारित करती है।
  • ' रंग 'तत्व के फ़ॉन्ट रंग को परिभाषित करता है।
  • ' गद्दी ” संपत्ति तत्व की सीमा के अंदर या सामग्री के आसपास जगह बनाती है।
  • ' अंतर ”तत्व के चारों ओर स्थान निर्धारित करता है।
  • ' फ़ॉन्ट आकार गुण फ़ॉन्ट आकार निर्धारित करता है।

शैली 'रंग -1' div

' पीछे का रंग 'संपत्ति' पर सेट है .रंग -1 डिव।

शैली 'रंग -2' div

स्टाइल 'कलर-3' डिव

यह देखा जा सकता है कि तत्व की चौड़ाई सामग्री के बराबर सेट है:

एक दम बढ़िया! हमने CSS के उपयोग को सफलतापूर्वक सीख लिया है” चौड़ाई 'मूल्य के साथ संपत्ति' फिट सामग्री ”।

निष्कर्ष

CSS विड्थ गुण हमें कई मानों का उपयोग करने की अनुमति देता है। ये मान प्रतिशत, पिक्सेल या अधिक में हैं। सामग्री के अनुसार इसे सेट करने के लिए, “ फिट सामग्री ” मूल्य निर्धारित किया जा सकता है। इस पोस्ट में व्यावहारिक प्रदर्शन के साथ सीएसएस चौड़ाई संपत्ति का मूल्य फिट-सामग्री के साथ वर्णन किया गया है।