स्टाइल फ्लेक्स संपत्ति
उदाहरण
सभी लचीली वस्तुओं की लंबाई समान होने दें, चाहे उनकी सामग्री कुछ भी हो:
for (i = 0; i
y[i].style.flex = "1";
}
परिभाषा और उपयोग
फ्लेक्स प्रॉपर्टी उसी कंटेनर के अंदर बाकी लचीली वस्तुओं के सापेक्ष आइटम की लंबाई सेट या लौटाती है।
flex संपत्ति flexGrow, flexShrink, और flexBasis गुणों के लिए एक आशुलिपि है।
नोट: यदि तत्व एक लचीली वस्तु नहीं है, तो फ्लेक्स संपत्ति का कोई प्रभाव नहीं पड़ता है।
ब्राउज़र समर्थन
Property | |||||
---|---|---|---|---|---|
flex | Yes | 11.0 10.0 msFlex |
Yes | 9.0 | Yes |
वाक्य - विन्यास
फ्लेक्स संपत्ति लौटाएं:
object.style.flex
फ्लेक्स गुण सेट करें:
object.style.flex = "flex-grow flex-shrink flex-basis|auto|initial|inherit"
सम्पत्ति की कीमत
Value | Description |
---|---|
flex-grow | A number specifying how much the item will grow relative to the rest of the flexible items |
flex-shrink | A number specifying how much the item will shrink relative to the rest of the flexible items |
flex-basis | The length of the item. Legal values: "auto", "inherit", or a number followed by "%", "px", "em" or any other length unit |
auto | Same as 1 1 auto. |
initial | Same as 0 1 auto. Read about initial |
none | Same as 0 0 auto. |
inherit | Inherits this property from its parent element. Read about inherit |
टेक्निकल डिटेल
डिफ़ॉल्ट मान: | 0 1 ऑटो |
---|---|
प्रतिलाभ की मात्रा: | एक स्ट्रिंग, एक तत्व की फ्लेक्स संपत्ति का प्रतिनिधित्व करता है |
सीएसएस संस्करण | CSS3 |
संबंधित पृष्ठ
सीएसएस संदर्भ: फ्लेक्स संपत्ति
HTML DOM STYLE संदर्भ: flexBasis गुण
एचटीएमएल डोम स्टाइल संदर्भ: फ्लेक्सडायरेक्शन संपत्ति
एचटीएमएल डोम स्टाइल संदर्भ: फ्लेक्सफ्लो संपत्ति
HTML डोम स्टाइल संदर्भ: flexGrow संपत्ति
HTML डोम स्टाइल संदर्भ: flexShrink संपत्ति
HTML डोम स्टाइल संदर्भ: flexWrap गुण
❮ स्टाइल ऑब्जेक्ट