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 है
      यह पैराग्राफ 100px ऊंचा है और न्यूनतम चौड़ाई 400px है
    </p>
    <img alt="logo" src="/css/images/css.gif" width="100" height="100" />
  </body>
</html>

नोट: यदि कंटेंट 400px से कम चौड़ा है, तो भी बॉक्स 400px का रहेगा। यदि कंटेंट चौड़ा है, तो बॉक्स फैल जाएगा।

  1. - CSS column-rule-width - कॉलम रूल की चौड़ाई सेट करें

    column-rule-width प्रॉपर्टी मल्टी-कॉलम लेआउट में कॉलम के बीच की विभाजक रेखा (रूल) की चौड़ाई निर्धारित करती है। यह column-rule शॉर्टहैंड का हिस्सा है। उदाहरण: 5px चौड़ी डैश्ड रूल <!DOCTYPE html> <html> <head> <style> .demo { column-count: 4; column-gap: 50p

  1. - CSS से टैब वर्ण की चौड़ाई सेट करें

    CSS tab-size प्रॉपर्टी का उपयोग करके टैब वर्ण (\\t) की चौड़ाई स्पेस में सेट करें। यह <pre> या कोड ब्लॉक में उपयोगी है। उदाहरण <!DOCTYPE html> <html>    <head>       <style>          #demo {         &

  1. - CSS के साथ टेक्स्ट चयन सक्षम या अक्षम करें

    CSS user-select प्रॉपर्टी का उपयोग यह नियंत्रित करने के लिए किया जाता है कि किसी तत्व का टेक्स्ट उपयोगकर्ता द्वारा चुना जा सकता है या नहीं। यह UI तत्वों में आकस्मिक चयन को रोकने के लिए उपयोगी है। उदाहरण <!DOCTYPE html> <html> <head> <style> div { user-