सीएसएस ऊंचाई नियमों के बिना तत्वों की ऊंचाई निर्धारित करना

किसी तत्व के लिए सीएसएस ऊंचाई नियम की अनुपस्थिति में, इसे प्राप्त करना चुनौतीपूर्ण हो सकता है इसकी ऊंचाई. jQuery .height() विधि, जिसके लिए पूर्व-निर्धारित CSS ऊँचाई मान की आवश्यकता होती है, इस परिदृश्य में अपर्याप्त लगती है। हालाँकि, किसी तत्व की ऊंचाई निर्धारित करने के लिए वैकल्पिक तरीके हैं। सीएसएस ऊंचाई परिभाषा पर। यह तत्व की गणना की गई ऊंचाई की गणना करता है, जिससे यह उन परिदृश्यों के लिए उपयुक्त हो जाता है जहां कोई स्पष्ट सीएसएस ऊंचाई निर्दिष्ट नहीं है।

DEMO

.height(): तत्व की ऊंचाई प्राप्त करता है बिना पैडिंग, बॉर्डर या मार्जिन के। मार्जिन.

.outerHeight(true): बॉर्डर और मार्जिन दोनों सहित तत्व की ऊंचाई प्राप्त करता है।

ऊंचाई (.ऊंचाई() रिटर्न): ' $heightTest.height() ' [सिर्फ ऊंचाई]

आंतरिक ऊंचाई (.innerHeight() रिटर्न): ' $heightTest.innerHeight() ' [ऊंचाई पैडिंग (बॉर्डर के बिना)]

बाहरी ऊंचाई (.outerHeight() रिटर्न): ' $heightTest.outerHeight() ' [ऊंचाई पैडिंग बॉर्डर]

बाहरी ऊंचाई (.outerHeight(true) रिटर्न): ' $heightTest.outerHeight(true) ' [ऊंचाई पैडिंग बॉर्डर मार्जिन]