स्टाइल फ्लेक्सफ्लो प्रॉपर्टी
उदाहरण
लचीले आइटम को कॉलम में प्रदर्शित करें, और कोई रैपिंग नहीं:
document.getElementById("main").style.flexFlow = "column nowrap";
परिभाषा और उपयोग
flexFlow संपत्ति flexDirection और flexWrap गुणों के लिए एक आशुलिपि संपत्ति है।
फ्लेक्सडायरेक्शन प्रॉपर्टी लचीली वस्तुओं की दिशा निर्दिष्ट करती है।
flexWrap गुण निर्दिष्ट करता है कि लचीली वस्तुओं को लपेटना चाहिए या नहीं।
नोट: यदि तत्व लचीले आइटम नहीं हैं, तो flexFlow संपत्ति का कोई प्रभाव नहीं पड़ता है।
ब्राउज़र समर्थन
Property | |||||
---|---|---|---|---|---|
flexFlow | Yes | 11.0 | Yes | 9.0 | Yes |
वाक्य - विन्यास
फ्लेक्सफ्लो संपत्ति लौटाएं:
object.style.flexFlow
फ्लेक्सफ्लो संपत्ति सेट करें:
object.style.flexFlow = "flex-direction flex-wrap|initial|inherit"
सम्पत्ति की कीमत
Value | Description |
---|---|
flex-direction | Possible values: row row-reverse column column-reverse initial inherit Default value is "row". Specifying the direction of the flexible items |
flex-wrap | Possible values: nowrap wrap wrap-reverse initial inherit Default value is "nowrap". Specifying whether the flexible items should wrap or not |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
टेक्निकल डिटेल
डिफ़ॉल्ट मान: | पंक्ति अब्रैप |
---|---|
प्रतिलाभ की मात्रा: | एक स्ट्रिंग, एक तत्व की फ्लेक्स-फ्लो संपत्ति का प्रतिनिधित्व करती है |
सीएसएस संस्करण | CSS3 |
संबंधित पृष्ठ
CSS संदर्भ: flex-flow गुण
एचटीएमएल डोम स्टाइल संदर्भ: फ्लेक्स संपत्ति
HTML DOM STYLE संदर्भ: flexBasis गुण
एचटीएमएल डोम स्टाइल संदर्भ: फ्लेक्सडायरेक्शन संपत्ति
HTML डोम स्टाइल संदर्भ: flexGrow संपत्ति
HTML डोम स्टाइल संदर्भ: flexShrink संपत्ति
HTML डोम स्टाइल संदर्भ: flexWrap गुण
❮ स्टाइल ऑब्जेक्ट