स्टाइल फ्लेक्स ग्रो प्रॉपर्टी
उदाहरण
नीले DIV तत्व को बाकी लचीली वस्तुओं की तुलना में पांच गुना चौड़ा होने दें:
document.getElementById("myBlueDiv").style.flexGrow = "5";
परिभाषा और उपयोग
फ्लेक्सग्रो संपत्ति निर्दिष्ट करती है कि एक ही कंटेनर के अंदर शेष लचीली वस्तुओं के सापेक्ष आइटम कितना बढ़ेगा।
नोट: यदि तत्व एक लचीली वस्तु नहीं है, तो flexGrow संपत्ति का कोई प्रभाव नहीं पड़ता है।
ब्राउज़र समर्थन
Property | |||||
---|---|---|---|---|---|
flexGrow | Yes | 11.0 | Yes | 9.0 | Yes |
वाक्य - विन्यास
फ्लेक्सग्रो संपत्ति लौटाएं:
object.style.flexGrow
फ्लेक्सग्रो संपत्ति सेट करें:
object.style.flexGrow = "number|initial|inherit"
सम्पत्ति की कीमत
Value | Description |
---|---|
number | A number specifying how much the item will grow relative to the rest of the flexible items. Default value is 0 |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
टेक्निकल डिटेल
डिफ़ॉल्ट मान: | 0 |
---|---|
प्रतिलाभ की मात्रा: | एक स्ट्रिंग, एक तत्व की फ्लेक्स-ग्रो संपत्ति का प्रतिनिधित्व करती है |
सीएसएस संस्करण | CSS3 |
संबंधित पृष्ठ
सीएसएस संदर्भ: फ्लेक्स-ग्रो प्रॉपर्टी
एचटीएमएल डोम स्टाइल संदर्भ: फ्लेक्स संपत्ति
HTML DOM STYLE संदर्भ: flexBasis गुण
एचटीएमएल डोम स्टाइल संदर्भ: फ्लेक्सडायरेक्शन संपत्ति
एचटीएमएल डोम स्टाइल संदर्भ: फ्लेक्सफ्लो संपत्ति
HTML डोम स्टाइल संदर्भ: flexShrink संपत्ति
HTML डोम स्टाइल संदर्भ: flexWrap गुण
❮ स्टाइल ऑब्जेक्ट