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 width प्रॉपर्टी से बटन की चौड़ाई सेट करें

    CSS width प्रॉपर्टी का उपयोग करके बटन (या किसी भी तत्व) की निश्चित चौड़ाई सेट की जा सकती है। यह बटन के आकार को कंटेंट से स्वतंत्र बनाता है और लेआउट में स्थिरता प्रदान करता है। उदाहरण नीचे दिए गए उदाहरण में, बटन पर width: 120px के साथ अन्य स्टाइल्स (गोल कोने, डैश्ड बॉर्डर) लागू किए गए हैं। <!DOC

  1. - CSS से इमेज पर बटन रखें - सेंटर पोज़िशनिंग

    इमेज के ठीक केंद्र में बटन रखने के लिए position: absolute के साथ transform: translate(-50%, -50%) तकनीक का उपयोग करें। यह सबसे विश्वसनीय सेंटरिंग विधि है। उदाहरण: इमेज के केंद्र में बटन <!DOCTYPE html> <html> <head> <style> .box { position: relative; width

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

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