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

परिचय

HTML DOM Style height प्रॉपर्टी का उपयोग किसी एलिमेंट की ऊंचाई सेट करने या वापस करने के लिए किया जाता है।

सिंटैक्स

object.style.height = "auto|length|%|initial|inherit"

मान और विवरण

उदाहरण

<!DOCTYPE html>
<html>
<head>
<style>
  #demo1 {
    width: 100px;
    height: 100px;
    background-color: lightpink;
  }
  #demo2 {
    margin-top: 4px;
    width: 100px;
    height: 100px;
    background-color: coral;
  }
</style>
<script>
  function changeHeight() {
    document.getElementById("demo1").style.height = "200px";
    document.getElementById("Sample").innerHTML = "पहले div की ऊंचाई 100px बढ़ा दी गई है";
  }
</script>
</head>
<body>
  <div id="demo1">DIV1</div>
  <div id="demo2">DIV2</div>
  <p>ऊपर के divs के अंदर टेक्स्ट की फॉन्ट ऊंचाई बदलने के लिए नीचे दिए गए बटन पर क्लिक करें</p>
  <button onclick="changeHeight()">ऊंचाई बदलें</button>
  <p id="Sample"></p>
</body>
</html>

आउटपुट

प्रारंभिक स्थिति:

"ऊंचाई बदलें" बटन पर क्लिक करने के बाद: