HTML DOM Style maxHeight प्रॉपर्टी

विवरण

DOM Style maxHeight प्रॉपर्टी HTML दस्तावेज़ में किसी तत्व की अधिकतम ऊंचाई को प्राप्त और संशोधित करती है।

सिंटैक्स

maxHeight प्राप्त करना

object.style.maxHeight

maxHeight संशोधित करना

object.style.maxHeight = "value"

मान

यहां value निम्नलिखित हो सकते हैं:

उदाहरण

आइए Style maxHeight प्रॉपर्टी का एक उदाहरण देखें:

<!DOCTYPE html> <html> <head> <style> 
  body { 
    color: #000; 
    background-image: linear-gradient(to top, #a18cd1 0%, #fbc2eb 100%); 
    height: 100vh; 
  } 
  p { 
    border: 2px solid #fff; 
    width: 200px; 
    overflow: auto; 
  } 
  .btn { 
    background: coral; 
    border: none; 
    height: 2rem; 
    border-radius: 2px; 
    width: 40%; 
    display: block; 
    color: #fff; 
    outline: none; 
    cursor: pointer; 
    margin-top: 4rem; 
  } 
</style> </head> <body> 
<h1>DOM Style maxHeight प्रॉपर्टी उदाहरण</h1> 
<p> 
  यह पैराग्राफ 1 है कुछ डमी टेक्स्ट के साथ। यह पैराग्राफ 1 है कुछ डमी टेक्स्ट के साथ। 
  यह पैराग्राफ 1 है कुछ डमी टेक्स्ट के साथ। यह पैराग्राफ 1 है कुछ डमी टेक्स्ट के साथ। 
  यह पैराग्राफ 1 है कुछ डमी टेक्स्ट के साथ। यह पैराग्राफ 1 है कुछ डमी टेक्स्ट के साथ। 
</p> 
<button onclick="add()" class="btn">maxHeight सेट करें</button> 
<script> 
  function add() { 
    document.querySelector('p').style.maxHeight = "100px"; 
  } 
</script> </body> </html>

आउटपुट

यह निम्नलिखित आउटपुट उत्पन्न करेगा:

"maxHeight सेट करें" बटन पर क्लिक करके पैराग्राफ तत्व की अधिकतम ऊंचाई सेट करें।