CSS flex-shrink गुण

विभावना और उपयोग

flex-shrink गुण एक ही कंटेनर में लगाया है, एलीमेंट अन्य लचीले एलीमेंटों की तुलना में गला करता है।

टिप्पणीःयदि एलीमेंट लचीला एलीमेंट नहीं है, तो flex गुण निष्क्रिय हो जाता है।

अन्य संदर्भः

CSS प्रशिक्षणः CSS लचीले फ़्लैक्स

CSS संदर्भ दस्तावेज़ःflex गुण

CSS संदर्भ दस्तावेज़ःflex-basis गुण

CSS संदर्भ दस्तावेज़ःflex-direction गुण

CSS संदर्भ दस्तावेज़ःflex-flow गुण

CSS संदर्भ दस्तावेज़ःflex-grow गुण

CSS संदर्भ दस्तावेज़ःflex-wrap गुण

HTML DOM संदर्भ दस्तावेज़ःflexShrink गुण

उदाहरण

दूसरे लचीले एलीमेंट को अन्य सभी एलीमेंटों की तुलना में तीन गुना गला करना:

div:nth-of-type(2) {
  flex-shrink: 3;
}

स्वयं एक प्रयोग कीजिए

CSS व्याकरण

flex-shrink: number|initial|inherit;

गुण मान

मान वर्णन
number संख्या, इसके बाकी लचीले एलीमेंटों की तुलना में वस्तु के गले को संकुचित करने के लिए निर्दिष्ट करती है।डिफ़ॉल्ट मान 1 है।
initial इस गुण को उसके डिफ़ॉल्ट मान पर निर्धारित करें।देखेंः initial。
inherit इस गुण को उसके माता एलीमेंट से विरासत करें।देखेंः inherit。

तकनीकी विवरण

डिफ़ॉल्ट मानः 1
विरासतः नहीं
एनीमेशन निर्माणः समर्थित।देखेंःएनीमेशन संबंधी गुण。
संस्करणः CSS3
JavaScript व्याकरणः object.style.flexShrink="5"

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

तालिका में दिए संख्याएं पूर्णतया इस गुण का समर्थन करने वाले पहले ब्राउज़र का संस्करण निर्दिष्ट करती हैं।

सफ़ीद -webkit- या -moz- के साथ की गई संख्याएं प्रथम संस्करण का प्रयोग करने के लिए इस्तेमाल की जाती हैं।

च्रोम IE / एज फायरफॉक्स सफारी ओपेरा
29.0
21.0 -webkit-		 11.0 28.0
18.0 -moz-		 9.0
6.1 -webkit-		 17.0