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

CSS का उपयोग करके किसी तत्व की न्यूनतम-चौड़ाई और अधिकतम-चौड़ाई सेट करें

<घंटा/>

किसी तत्व की न्यूनतम और अधिकतम चौड़ाई निर्धारित करने के लिए, आप निम्न कोड को चलाने का प्रयास कर सकते हैं

उदाहरण

<!DOCTYPE html>
<html>
   <head>
      <style>
         div {
            max-width: 300px;
            min-width: 100px;
            background-color: red;
         }
      </style>
   </head>
   <body>
      <p> Below is a div with maximum and minimum width. Resize the web browser to see the effect.</p>
      <div>This is demo text. This is demo text. This is demo text.
         This is demo text. This is demo text. This is demo text.
         This is demo text. This is demo text. This is demo text.
      </div>
   </body>
</html>

आउटपुट

CSS का उपयोग करके किसी तत्व की न्यूनतम-चौड़ाई और अधिकतम-चौड़ाई सेट करें


  1. CSS का उपयोग करके मीडिया डिपेंडेंट स्टाइल शीट बनाना

    मीडिया पर निर्भर स्टाइलशीट केवल मूल स्टाइलशीट हैं, लेकिन केवल HTML दस्तावेज़ पर लागू होती हैं, जब मीडियाटाइप डिवाइस प्रकार से मेल खाता है जिस पर दस्तावेज़ दिखाई देता है। हम निम्नलिखित तरीकों से मीडिया पर निर्भर स्टाइलशीट बना सकते हैं - @media At-नियमों का उपयोग करना @import At-नियमों का उपयोग करना

  1. सीएसएस का उपयोग करके जेड-इंडेक्स के साथ तत्वों को ओवरलैप करना

    CSS Z-Index प्रॉपर्टी डेवलपर का उपयोग करके तत्वों को एक दूसरे पर स्टैक किया जा सकता है। Z-सूचकांक का मान धनात्मक या ऋणात्मक हो सकता है। ध्यान दें - यदि ओवरलैप करने वाले तत्वों में z-index निर्दिष्ट नहीं है तो वह तत्व दिखाई देगा जिसका उल्लेख दस्तावेज़ में अंतिम बार किया गया है। उदाहरण आइए z-सूचकांक

  1. CSS का उपयोग करके तत्व के टेक्स्ट का रंग सेट करना

    CSS कलर प्रॉपर्टी का इस्तेमाल किसी एलीमेंट के टेक्स्ट का रंग बदलने के लिए किया जाता है। हम मान को मानक रंग नाम, rgb(), rgba(), hsl(), hsla() और हेक्साडेसिमल मान के रूप में निर्दिष्ट कर सकते हैं। सिंटैक्स CSS कलर प्रॉपर्टी का सिंटैक्स इस प्रकार है - Selector {    color: /*value*/ } निम्नल