HTML DOM Style height প্রপার্টি

HTML DOM Style height প্রপার্টি একটি এলিমেন্টের উচ্চতা সেট বা রিটার্ন করতে ব্যবহৃত হয়।

সিনট্যাক্স

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 = "প্রথম ডিভের উচ্চতা 100px বাড়িয়ে 200px করা হয়েছে";
  }
</script>
</head>
<body>
  <div id="demo1">DIV1</div>
  <div id="demo2">DIV2</div>
  <p>নিচের বাটনে ক্লিক করে উপরের ডিভের টেক্সটের ফন্ট উচ্চতা পরিবর্তন করুন</p>
  <button onclick="changeHeight()">উচ্চতা পরিবর্তন করুন</button>
  <p id="Sample"></p>
</body>
</html>

আউটপুট

প্রাথমিক অবস্থায় দুটি ডিভই 100px উচ্চতার হবে।

"উচ্চতা পরিবর্তন করুন" বাটনে ক্লিক করার পর প্রথম ডিভের উচ্চতা 200px হবে, দ্বিতীয় ডিভ অপরিবর্তিত থাকবে।