CSS में फ्लेक्स शॉर्टहैंड प्रॉपर्टी

flex प्रॉपर्टी ग्रो, श्रिंक और बेसिस प्रॉपर्टीज के लिए एक शॉर्टहैंड है। शॉर्टहैंड प्रॉपर्टीज का क्रम महत्वपूर्ण है और यह इस प्रकार है: flex-grow, flex-shrink, flex-basis। प्रॉपर्टीज को अंत से छोड़ा जा सकता है, इस स्थिति में वे डिफॉल्ट वैल्यू ले लेंगी।

निम्नलिखित कोड को flex शॉर्टहैंड प्रॉपर्टी के माध्यम से फिर से लिखें:

.child {
	flex-basis: 100px;
	flex-grow: 1;
	flex-shrink: 2;
}

निम्नलिखित कोड को flex शॉर्टहैंड प्रॉपर्टी के माध्यम से फिर से लिखें:

.child {
	flex-shrink: 0.5;
	flex-grow: 2;
}

निम्नलिखित कोड को flex शॉर्टहैंड प्रॉपर्टी के माध्यम से फिर से लिखें:

.child {
	flex-shrink: 0.5;
	flex-grow: 1;
}

निम्नलिखित कोड को विस्तारित प्रॉपर्टीज के माध्यम से फिर से लिखें:

.child {
	flex: 1 2 200px;
}

निम्नलिखित कोड को विस्तारित प्रॉपर्टीज के माध्यम से फिर से लिखें:

.child {
	flex: 2 0.7;
}

निम्नलिखित कोड को विस्तारित प्रॉपर्टीज के माध्यम से फिर से लिखें:

.child {
	flex: 3;
}