सीएसएस ऊंचाई संपत्ति
उदाहरण
दो <div> तत्वों की ऊंचाई निर्धारित करें:
div.a {
height: auto;
border:
1px solid black;
}
div.b {
height: 50px;
border: 1px solid black;
}
नीचे और अधिक "इसे स्वयं आज़माएं" उदाहरण।
परिभाषा और उपयोग
संपत्ति तत्व की height
ऊंचाई निर्धारित करती है।
किसी तत्व की ऊंचाई में पैडिंग, बॉर्डर या मार्जिन शामिल नहीं है!
यदि height: auto;
तत्व अपनी सामग्री को सही ढंग से प्रदर्शित करने की अनुमति देने के लिए स्वचालित रूप से अपनी ऊंचाई समायोजित करेगा।
यदि height
एक संख्यात्मक मान (जैसे पिक्सल, (आर) एम, प्रतिशत) पर सेट किया गया है, तो यदि सामग्री निर्दिष्ट ऊंचाई के भीतर फिट नहीं होती है, तो यह ओवरफ्लो हो जाएगी। कंटेनर ओवरफ्लो करने वाली सामग्री को कैसे हैंडल करेगा यह
ओवरफ़्लो प्रॉपर्टी द्वारा परिभाषित किया गया है।
नोट: न्यूनतम -ऊंचाई और
अधिकतम-ऊंचाई गुण संपत्ति को ओवरराइड करते
height
हैं।
डिफ़ॉल्ट मान: | ऑटो |
---|---|
विरासत में मिला: | नहीं |
एनिमेटेबल: | हां। एनिमेटेबल के बारे में पढ़ें |
संस्करण: | सीएसएस 1 |
जावास्क्रिप्ट सिंटैक्स: | ऑब्जेक्ट .style.height="500px" |
ब्राउज़र समर्थन
तालिका में संख्याएं पहले ब्राउज़र संस्करण को निर्दिष्ट करती हैं जो पूरी तरह से संपत्ति का समर्थन करता है।
Property | |||||
---|---|---|---|---|---|
height | 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
सीएसएस सिंटेक्स
height: auto|length|initial|inherit;
सम्पत्ति की कीमत
Value | Description | Play it |
---|---|---|
auto | The browser calculates the height. This is default | |
length | Defines the height in px, cm, etc. Read about length units | |
% | Defines the height in percent of the containing block | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
और ज्यादा उदाहरण
उदाहरण
किसी तत्व की ऊँचाई को मूल तत्व की ऊँचाई के 50% पर सेट करें:
#parent {
height: 100px;
}
#child {
height: 50%;
}
संबंधित पृष्ठ
सीएसएस ट्यूटोरियल: सीएसएस ऊंचाई और चौड़ाई
सीएसएस ट्यूटोरियल: सीएसएस बॉक्स मॉडल
सीएसएस संदर्भ: चौड़ाई संपत्ति
एचटीएमएल डोम संदर्भ: ऊंचाई संपत्ति