शैली ऊंचाई संपत्ति
उदाहरण
<बटन> तत्व की ऊंचाई निर्धारित करें:
document.getElementById("myBtn").style.height = "50px";
परिभाषा और उपयोग
ऊंचाई गुण किसी तत्व की ऊंचाई सेट या लौटाता है।
ऊंचाई संपत्ति का प्रभाव केवल ब्लॉक-स्तरीय तत्वों या पूर्ण या निश्चित स्थिति वाले तत्वों पर होता है। अतिप्रवाह सामग्री को अतिप्रवाह संपत्ति के साथ हेरफेर किया जा सकता है।
युक्ति: किसी तत्व की चौड़ाई सेट करने या वापस करने के लिए चौड़ाई गुण का उपयोग करें ।
ब्राउज़र समर्थन
Property | |||||
---|---|---|---|---|---|
height | Yes | Yes | Yes | Yes | Yes |
वाक्य - विन्यास
ऊंचाई संपत्ति वापस करें:
object.style.height
ऊंचाई संपत्ति सेट करें:
object.style.height = "auto|length|%|initial|inherit"
सम्पत्ति की कीमत
Value | Description |
---|---|
auto | The browser sets the height. This is default |
length | Defines the height in length units |
% | Defines the height in % of the parent element |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
टेक्निकल डिटेल
डिफ़ॉल्ट मान: | ऑटो |
---|---|
प्रतिलाभ की मात्रा: | एक स्ट्रिंग, एक तत्व की ऊंचाई का प्रतिनिधित्व |
सीएसएस संस्करण | सीएसएस 1 |
और ज्यादा उदाहरण
उदाहरण
<div> तत्व की ऊंचाई बदलें:
document.getElementById("myDIV").style.height = "500px";
उदाहरण
<img> तत्व की ऊंचाई और चौड़ाई बदलें:
document.getElementById("myImg").style.height = "300px";
document.getElementById("myImg").style.width = "300px";
उदाहरण
<img> तत्व की ऊंचाई लौटाएं:
alert(document.getElementById("myImg").style.height);
संबंधित पृष्ठ
सीएसएस ट्यूटोरियल: सीएसएस आयाम
सीएसएस ट्यूटोरियल: सीएसएस बॉक्स मॉडल
सीएसएस संदर्भ: ऊंचाई संपत्ति
❮ स्टाइल ऑब्जेक्ट