स्टाइल फ्लेक्सडायरेक्शन प्रॉपर्टी
उदाहरण
<div> तत्व के अंदर लचीली वस्तुओं की दिशा को पुनर्व्यवस्थित करें:
document.getElementById("main").style.flexDirection = "column-reverse";
परिभाषा और उपयोग
फ्लेक्सडायरेक्शन प्रॉपर्टी लचीली वस्तुओं की दिशा सेट या लौटाती है।
नोट: यदि तत्व एक लचीली वस्तु नहीं है, तो फ्लेक्सडायरेक्शन गुण का कोई प्रभाव नहीं पड़ता है।
ब्राउज़र समर्थन
Property | |||||
---|---|---|---|---|---|
flexDirection | Yes | 11.0 | Yes | 9.0 | Yes |
वाक्य - विन्यास
फ्लेक्सडायरेक्शन प्रॉपर्टी लौटाएं:
object.style.flexDirection
फ्लेक्सडायरेक्शन प्रॉपर्टी सेट करें:
object.style.flexDirection = "row|row-reverse|column|column-reverse|initial|inherit"
सम्पत्ति की कीमत
Value | Description |
---|---|
row | Default value. The flexible items are displayed horizontally, as a row |
row-reverse | Same as row, but in reverse order |
column | The flexible items are displayed vertically, as a column |
column-reverse | Same as column, but in reverse order |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
टेक्निकल डिटेल
डिफ़ॉल्ट मान: | पंक्ति |
---|---|
प्रतिलाभ की मात्रा: | एक स्ट्रिंग, एक तत्व की फ्लेक्स-दिशा संपत्ति का प्रतिनिधित्व करती है |
सीएसएस संस्करण | CSS3 |
संबंधित पृष्ठ
सीएसएस संदर्भ: फ्लेक्स-दिशा संपत्ति
एचटीएमएल डोम स्टाइल संदर्भ: फ्लेक्स संपत्ति
HTML DOM STYLE संदर्भ: flexBasis गुण
एचटीएमएल डोम स्टाइल संदर्भ: फ्लेक्सफ्लो संपत्ति
HTML डोम स्टाइल संदर्भ: flexGrow संपत्ति
HTML डोम स्टाइल संदर्भ: flexShrink संपत्ति
HTML डोम स्टाइल संदर्भ: flexWrap गुण
❮ स्टाइल ऑब्जेक्ट