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

CSS max-height प्रॉपर्टी


अधिकतम ऊंचाई सेट करें

max-height प्रॉपर्टी का उपयोग उस अधिकतम ऊंचाई को निर्धारित करने के लिए किया जाता है जो एक बॉक्स की हो सकती है। इसका मान संख्या, लंबाई, या प्रतिशत हो सकता है।

उदाहरण

<html>
  <head>
  </head>
  <body>
    <p style="width:400px; max-height:10px; border:2px solid green; padding:10px; margin:15px;">
      यह पैराग्राफ 400px चौड़ा है और अधिकतम ऊंचाई 10px है
      <br> <br> <br>
      <img alt="logo" src="/css/images/logo.png" width="210" height="100" />
    </p>
  </body>
</html>

  1. - CSS object-fit प्रॉपर्टी का उपयोग

    CSS object-fit प्रॉपर्टी <img> या <video> एलिमेंट के कंटेंट को उसके कंटेनर बॉक्स में फिट करने के लिए रिसाइज करने का तरीका निर्दिष्ट करती है। यह रेस्पॉन्सिव डिजाइन में इमेज हैंडलिंग के लिए अत्यंत उपयोगी है। उदाहरण नीचे दिए गए उदाहरण में, object-fit: cover का उपयोग करके इमेज को कंटेनर (25

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

    CSS में height प्रॉपर्टी पर एनिमेशन लागू करने का तरीका यहां दिखाया गया है। यह किसी तत्व की ऊंचाई को समय के साथ बदलता है। उदाहरण <!DOCTYPE html> <html> <head> <style> div { border: 2px solid black; width: 300px; height: 100px;

  1. CSS में max-height प्रॉपर्टी CSS में max-height प्रॉपर्टी

    हम CSS max-height प्रॉपर्टी का उपयोग करके किसी एलिमेंट के कंटेंट बॉक्स के लिए एक निश्चित अधिकतम ऊंचाई परिभाषित कर सकते हैं जो एलिमेंट के कंटेंट बॉक्स को उससे ऊंचा नहीं होने देती, भले ही ऊंचाई max-height से अधिक हो। सिंटैक्स CSS max-height प्रॉपर्टी का सिंटैक्स निम्नानुसार है: Selector {