ऊंचाई - सीएसएस-ट्रिक्स

Anonim

heightसीएसएस परिभाषित करता है निर्दिष्ट में संपत्ति बॉक्स की सामग्री को ऊंचाई और लंबाई से कोई भी मान स्वीकार करता है।

"सामग्री" क्षेत्र को ऊँचाई / चौड़ाई के अतिरिक्त पैडिंग और बॉर्डर के रूप में परिभाषित किया जाता है या उस सामग्री को आकार देता है जो स्वयं लेता है।

नकारात्मक मूल्यों height: -100pxको स्वीकार नहीं किया जाता है। heightसंपत्ति तालिका स्तंभ और स्तंभ समूहों सहित गैर प्रतिस्थापित इनलाइन तत्वों पर लागू नहीं होता।

.wrap ( height: auto; /* auto keyword */ height: 120px; /* length values */ height: 10em; height: 0; /* unit-less length is OK for zero */ height: 75%; /* percentage value */ height: inherit; /* inherited value from parent element */ )
इस पेन को देखें!

यदि युक्त ब्लॉक की ऊंचाई स्पष्ट रूप से निर्दिष्ट नहीं है, और तत्व पूरी तरह से तैनात नहीं है, तो इसकी ऊंचाई का मान ऑटो के लिए गणना करता है (यह अंदर सामग्री जितनी लंबी होगी, या शून्य है अगर कोई सामग्री नहीं है)। यदि तत्व सामग्री भाग को निर्दिष्ट असाइन किए गए मूल्य से अधिक ऊर्ध्वाधर स्थान की आवश्यकता होती है, तो तत्वों का व्यवहार overflowसंपत्ति द्वारा परिभाषित किया जाता है।

कीवर्ड का उपयोग करते समय auto, heightतत्वों की सामग्री क्षेत्र के आधार पर गणना की जाती है जब तक कि स्पष्ट रूप से निर्दिष्ट नहीं किया जाता है। इसका मतलब यह है कि एक प्रतिशत के आधार पर एक मूल्य अभी भी तत्व सामग्री क्षेत्र का है। इसी प्रकार, यदि कंटेनर की ऊँचाई प्रतिशत मान पर सेट है, तो बाल तत्व प्रतिशत ऊँचाई अभी भी उस बाल तत्व के सामग्री क्षेत्र पर आधारित है।

ऊंचाई का उपयोग एक संपत्ति के रूप में भी किया जा सकता है।

ब्राउज़र का समर्थन

अर्थात एज फ़ायर्फ़ॉक्स क्रोम सफारी ओपेरा
सब सब सब सब सब सब
Android क्रोम Android फ़ायरफ़ॉक्स Android ब्राउज़र iOS सफारी ओपेरा मोबाइल
सब सब सब सब सब
स्रोत: कैनुएज़

संबंधित गुण

15 जनवरी, 2021 को पंचांग

अधिकतम ऊँचाई

.element ( max-height: 3rem; ) सारा कोप