स्टाइल flexShrink गुण

विनिर्माण और उपयोग

flexShrink गुण इस पद को एक समान डिबेक्स में अन्य लचीले पदों के तुलना में कैसे कम कम करेगा बताता है。

टिप्पणी:यदि तत्व लचीला तत्व नहीं है तो flexShrink गुण अवैध है。

अन्य संदर्भ:

CSS संदर्भ पुस्तिका:flex-shrink गुण

उदाहरण

नीले DIV तत्व को अन्य लचीले तत्वों की तुलना में पांच गुणा कम कम करें:

document.getElementById("myBlueDiv".style.flexShrink = "5";

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

व्याकरण

flexShrink गुण वापसी मापें:

object.style.flexShrink

flexShrink गुण सेट करें:

object.style.flexShrink = "number|initial|inherit"

गुण मूल्य

मूल्य वर्णन
number संख्या, जो पद को अन्य लचीले पदों की तुलना में कितना कम कम करना है। मूल गुण 0 है।
initial इस गुण को उसके मूल गुण में सेट करें। देखें initial.
inherit इस गुण को उसके माता तत्व से विरासत करें। देखें inherit.

तकनीकी विवरण

मूल गुण: 1
वापसी मूल्य: अक्षर, जो तत्व को flex-shrink गुण.
CSS संस्करण: CSS3

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

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
समर्थन 11.0 समर्थन 9.0 समर्थन

संबंधित पृष्ठ

HTML DOM STYLE संदर्भ पुस्तिका:flex गुण

HTML DOM STYLE संदर्भ पुस्तिका:flexBasis गुण

HTML DOM STYLE संदर्भ पुस्तिका:flexDirection गुण

HTML DOM STYLE संदर्भ पुस्तिका:flexFlow गुण

HTML DOM STYLE संदर्भ पुस्तिका:flexGrow गुण

HTML DOM STYLE संदर्भ पुस्तिका:flexWrap गुण