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

CSS min-width प्रॉपर्टी

न्यूनतम चौड़ाई सेट करें

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

उदाहरण

<html>
  <head>
  </head>
  <body>
    <p style="min-width:400px; height:100px; border:1px solid red; padding:5px; margin:10px;">
      यह पैराग्राफ 100px ऊंचा है और न्यूनतम चौड़ाई 400px है
      <img alt="logo" src="/css/images/css.gif" width="100" height="100" />
    </p>
  </body>
</html>

  1. CSS शेप्स बनाएं: आयत, वृत्त, त्रिकोण, दिल और अधिक CSS शेप्स बनाएं: आयत, वृत्त, त्रिकोण, दिल और अधिक

    आइए आगे बढ़ें और कुछ मजेदार CSS शेप्स बनाएं! आयत और वर्ग (Rectangles and Squares) डिफ़ॉल्ट रूप से डिव एक वर्ग या आयत होता है जो चौड़ाई और ऊंचाई प्रॉपर्टीज पर निर्भर करता है। वर्ग की समान चौड़ाई और ऊंचाई होती है जबकि आयत की नहीं: .rectangle { width: 2rem; height: 4rem; background-color: violet; } .s

  1. - CSS width प्रॉपर्टी को एनिमेट करें

    CSS में width प्रॉपर्टी पर एनिमेशन लागू करने का तरीका यहां दिखाया गया है। यह तत्व की चौड़ाई को समय के साथ बदलता है। उदाहरण <!DOCTYPE html> <html> <head> <style> div { width: 300px; height: 250px; background-color: maroon; col

  1. CSS में min-width प्रॉपर्टी CSS में min-width प्रॉपर्टी

    हम CSS min-width प्रॉपर्टी का उपयोग करके किसी एलिमेंट के कंटेंट बॉक्स के लिए एक फिक्स्ड मिनिमम चौड़ाई परिभाषित कर सकते हैं, जो एलिमेंट के कंटेंट बॉक्स को संकरा नहीं होने देता, भले ही चौड़ाई min-width से कम हो।सिंटैक्सCSS min-width प्रॉपर्टी का सिंटैक्स निम्नलिखित है:Selector { min-width: /*value*/ }