Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> CSS

सीएसएस अधिकतम-चौड़ाई संपत्ति

<घंटा/>

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

<html>
   <head>
   </head>
   <body>
      <p style = "max-width:100px; height:200px; border:1px solid green; padding:5px; margin:10px;">
         This paragraph is 200px high and max width is 100px
         This paragraph is 200px high and max width is 100px
      </p>
      <img alt = "logo" src="/css/images/logo.png" width = "100" height = "100" />
   </body>
</html>

  1. सीएसएस आकार

    आइए आगे बढ़ते हैं और कुछ मज़ेदार CSS आकार बनाते हैं! सभी कोड के लिए मेरे कोडपेन को फॉलो करें। आइए इसे करते हैं। आयत और वर्ग हमारे सभी आकार एक डिव में लपेटे जाएंगे। सबसे बुनियादी आकार वर्ग और आयत है क्योंकि डिफ़ॉल्ट रूप से div चौड़ाई और ऊंचाई के गुणों के आधार पर एक वर्ग या आयत है। तो वर्ग की चौड़ाई

  1. एनिमेट सीएसएस चौड़ाई संपत्ति

    ऐनिमेशन को चौड़ाई पर लागू करने के लिए CSS के साथ संपत्ति, आप निम्न कोड चलाने का प्रयास कर सकते हैं - उदाहरण <!DOCTYPE html> <html>    <head>       <style>          div {             width: 300px;

  1. CSS में अधिकतम-चौड़ाई वाली संपत्ति

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