शैली आदेश संपत्ति
उदाहरण
लचीली वस्तुओं का क्रम निर्धारित करें:
document.getElementById("myRedDIV").style.order = "4";
document.getElementById("myBlueDIV").style.order = "3";
document.getElementById("myGreenDIV").style.order = "1";
document.getElementById("myPinkDIV").style.order = "2";
परिभाषा और उपयोग
ऑर्डर प्रॉपर्टी एक ही कंटेनर के अंदर बाकी लचीली वस्तुओं के सापेक्ष एक लचीली वस्तु के क्रम को निर्दिष्ट करती है।
नोट: यदि तत्व लचीला आइटम नहीं है, तो ऑर्डर प्रॉपर्टी का कोई प्रभाव नहीं पड़ता है।
ब्राउज़र समर्थन
Property | |||||
---|---|---|---|---|---|
order | Yes | 12.0 | Yes | Yes | Yes |
वाक्य - विन्यास
आदेश संपत्ति वापस करें:
object.style.order
आदेश संपत्ति सेट करें:
object.style.order = "number|initial|inherit"
सम्पत्ति की कीमत
Value | Description |
---|---|
number | Default value 0. Specifies the order for the flexible item |
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 डोम स्टाइल संदर्भ: alignContent गुण
HTML डोम स्टाइल संदर्भ: alignItems संपत्ति
HTML डोम स्टाइल संदर्भ: alignSelf संपत्ति
एचटीएमएल डोम स्टाइल संदर्भ: फ्लेक्स संपत्ति
HTML DOM STYLE संदर्भ: flexBasis गुण
एचटीएमएल डोम स्टाइल संदर्भ: फ्लेक्सडायरेक्शन संपत्ति
एचटीएमएल डोम स्टाइल संदर्भ: फ्लेक्सफ्लो संपत्ति
HTML डोम स्टाइल संदर्भ: flexGrow संपत्ति
HTML डोम स्टाइल संदर्भ: flexShrink संपत्ति
HTML डोम स्टाइल संदर्भ: flexWrap गुण
❮ स्टाइल ऑब्जेक्ट