HTML DOM स्टाइल हाइट प्रॉपर्टी का इस्तेमाल किसी एलीमेंट की ऊंचाई को सेट करने या वापस करने के लिए किया जाता है।
−
. के लिए वाक्य रचना निम्नलिखित हैऊंचाई गुण सेट करना -
object.style.height = "auto|length|%|initial|inherit"
उपरोक्त गुणों को इस प्रकार समझाया गया है -
| मान <वें>विवरण | |
|---|---|
| स्वतः | यह ब्राउज़र द्वारा निर्धारित डिफ़ॉल्ट मान और ऊंचाई है। |
| Length | ब्राउज़र की ऊंचाई को लंबाई इकाइयों में पूर्वनिर्धारित करना। |
| % | चाइल्ड एलिमेंट की ऊंचाई को उसके पैरेंटलमेंट के सापेक्ष प्रतिशत में सेट करता है। |
| प्रारंभिक | इस गुण को प्रारंभिक मान पर पूर्वनिर्धारित करना। |
| उत्तराधिकारी | मूल संपत्ति मान को विरासत में मिला |
आइए ऊंचाई संपत्ति के लिए एक उदाहरण देखें -
उदाहरण
<!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> आउटपुट
“ऊंचाई बदलें . पर क्लिक करने पर "बटन -
