HTML DOM শৈলী উচ্চতা বৈশিষ্ট্য একটি উপাদানের উচ্চতা নির্ধারণ বা ফেরানোর জন্য ব্যবহৃত হয়।
−
-এর সিনট্যাক্স নিচে দেওয়া হলউচ্চতার বৈশিষ্ট্য নির্ধারণ করা হচ্ছে -
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="The height for the first div has been increased by 100px";
}
</script>
</head>
<body>
<div id="demo1" >DIV1</div>
<div id="demo2" >DIV2</div>
<p>Change the font height for the text inside above divs by clicking the below button</p>
<button onclick="changeHeight()">Change Height</button>
<p id="Sample"></p>
</body>
</html> আউটপুট
“উচ্চতা পরিবর্তন করুন ক্লিক করলে ” বোতাম -
