Style flex गुण

परिभाषा और उपयोग

flex गुण परियोजना को निर्धारित करता है, जो उसी कंटेनर के अन्य लाभकारी परियोजनाओं के तुलना में है।

flex गुण flexGrow, flexShrink और flexBasis गुणों का लघु गुण है।

टिप्पणी:यदि एलिमेंट लाभकारी आइटम नहीं है, तो flex गुण अवैध है।

और देखें:

CSS संदर्भ पुस्तक:flex गुण

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

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

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

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

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

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

उदाहरण

सभी लाभकारी आइटमों की लंबाई समान करें, बावजूद कि उनका सामग्री क्या हो:

for (i = 0; i < y.length; i++) {
  y[i].style.flex = "1";
}

अपने आप साफ़ी करें

व्याकरण

flex गुण वापस करें:

ऑब्जेक्ट.style.flex

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

ऑब्जेक्ट.style.flex = "flex-grow flex-shrink flex-basis|auto|initial|inherit"

गुण मान

मान वर्णन
flex-grow संख्या, जो आइटम को अन्य लाभकारी आइटमों के तुलना में बढ़ने की मात्रा को निर्धारित करती है
flex-shrink संख्या, जो आइटम को अन्य लाभकारी आइटमों के तुलना में कम करने की मात्रा को निर्धारित करती है
flex-basis

आइटम की लंबाई

वैध मान: "auto"、"inherit" या "%"、"px"、"em" मापदंड के इकाई से या किसी अन्य लंबाई इकाई से
auto समान 1 1 auto।
initial समान 0 1 auto। देखें initial।
none समान 0 0 auto।
inherit पारंपरिक एलिमेंट से इस गुण को विरासत करें। देखें inherit。

तकनीकी विवरण

डिफ़ॉल्ट मान: 0 1 auto
परिणाम: शब्द, जो एलिमेंट के flex गुण。
CSS संस्करण: CSS3

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

क्रोम एज फायरफॉक्स सफारी ओपेरा
क्रोम एज फायरफॉक्स सफारी ओपेरा
समर्थन 11.0 समर्थन 9.0 समर्थन