आदेश - सीएसएस-ट्रिक्स

orderसंपत्ति लचीला बॉक्स लेआउट मॉड्यूल की एक उप-संपत्ति है।

फ्लेक्स आइटम उसी क्रम में प्रदर्शित किए जाते हैं जैसे वे स्रोत दस्तावेज़ में डिफ़ॉल्ट रूप से दिखाई देते हैं। orderसंपत्ति इस क्रम बदलने के लिए इस्तेमाल किया जा सकता।

वाक्य - विन्यास

order: .flex-item ( order: 2; )

डेमो

निम्नलिखित डेमो दिखाता है कि प्रत्येक आइटम के लिए ऑर्डर प्रॉपर्टी सेट करके डिफ़ॉल्ट ऑर्डर (1, 2, 3, 4, 5) को कैसे बदल दिया गया है।

इस पेन को देखें!

ब्राउज़र का समर्थन

• (आधुनिक) का अर्थ है विनिर्देश से हाल का वाक्य-विन्यास (जैसे display: flex;)
• (हाइब्रिड) का अर्थ है 2011 से एक विषम अनौपचारिक वाक्यविन्यास (जैसे display: flexbox;)
• (पुराना) का अर्थ है 2009 से पुराना वाक्यविन्यास (जैसे display: box;)

क्रोम	सफारी	फ़ायर्फ़ॉक्स	ओपेरा	अर्थात	एंड्रॉयड	आईओएस
21+ (आधुनिक) 20- (पुराना)	3.1+ (पुराना)	2-21 (पुराना) 22+ (नया)	12.1+ (आधुनिक)	10+ (संकर)	2.1+ (पुराना)	3.2+ (पुराना)

ब्लैकबेरी ब्राउज़र 10+ नए सिंटैक्स का समर्थन करता है।

सबसे अच्छा ब्राउज़र समर्थन पाने के लिए वाक्यविन्यास को कैसे मिलाया जाए, इसके बारे में अधिक जानकारी के लिए, कृपया इस लेख (CSS-Tricks) या इस लेख (DevOpera) का संदर्भ लें।