Style height गुण
- पिछला पृष्ठ fontSizeAdjust
- अगला पृष्ठ isolation
- एक स्तर ऊपर एचटीएमएल डॉम स्टाइल ऑब्जैक्ट
परिभाषा और उपयोग
height
गुण सेट करें या वापस करें।
height
गुण केवल ब्लॉक स्क्रीन एलिमेंट या अभिनियोजित या निश्चित स्थिति वाले एलिमेंट पर ही लागू होता है। अधिक किंवा कम सामग्री को overflow गुण संचालित करने के लिए।
सूचना:इसे प्रयोग करें width गुण एलिमेंट की चौड़ाई सेट करें या वापस करें।
अन्य संदर्भ:
CSS शिक्षा:CSS आकार
CSS शिक्षा:CSS फ्रेमवर्क
CSS संदर्भ दस्तावेज़:height गुण
उदाहरण
उदाहरण 1
<button> एलिमेंट की ऊंचाई सेट करें:
document.getElementById("myBtn").style.height = "50px";
उदाहरण 2
<div> एलिमेंट की ऊंचाई को बदलें:
document.getElementById("myDIV").style.height = "500px";
उदाहरण 3
<img> एलिमेंट की ऊंचाई और चौड़ाई को बदलें:
document.getElementById("myImg").style.height = "300px"; document.getElementById("myImg").style.width = "300px";
उदाहरण 4
<img> एलिमेंट की ऊंचाई वापस करें:
alert(document.getElementById("myImg").style.height);
व्याकरण
height गुण वापस करें:
object.style.height
height गुण सेट करें:
object.style.height = "auto|length|%|initial|inherit"
गुण मान
मान | वर्णन |
---|---|
ऑटो | ब्राउज़र ऊंचाई सेट करता है। डिफ़ॉल्ट。 |
length | ऊंचाई को लंबाई इकाई में परिभाषित करें。 |
% | पारंपरिक एलिमेंट की प्रतिशत में ऊंचाई को परिभाषित करें。 |
initial | इस गुण को उसके डिफ़ॉल्ट मान पर सेट करें। देखें initial। |
inherit | इस गुण को उसके माता एलिमेंट से विरासत करें। देखें inherit। |
तकनीकी विवरण
डिफ़ॉल्ट मान: | ऑटो |
---|---|
वापसी मान: | इनपुट स्ट्रिंग, जो एलिमेंट की ऊंचाई को प्रतिनिधित्व करती है。 |
CSS संस्करण: | CSS1 |
ब्राउज़र समर्थन
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
समर्थन | समर्थन | समर्थन | समर्थन | समर्थन |
- पिछला पृष्ठ fontSizeAdjust
- अगला पृष्ठ isolation
- एक स्तर ऊपर एचटीएमएल डॉम स्टाइल ऑब्जैक्ट