CSS flex-flow गुण

विवरण और उपयोग

flex-flow गुण निम्नलिखित गुणों का उपशिष्ट गुण है:

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

और देखें:

CSS पाठ्यक्रम:CSS फ्लेक्स बॉक्स

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

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

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

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

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

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

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

उदाहरण

फ्लेक्स एलेमेंट को विपरीत दिशा में दिखाएं और आवश्यकता पड़े तो वानलाइन करें:

div {
  display: flex;
  flex-flow: row-reverse wrap;
}

स्वयं अभ्यास करें

CSS व्याकरण

flex-flow: flex-direction flex-wrap|initial|inherit;

गुण मान

मान वर्णन
flex-direction

संभावित मान:

  • row
  • row-reverse
  • column
  • column-reverse
  • initial
  • inherit

मूलभूत मान "row" है।

फ्लेक्स एलेमेंट की दिशा को निर्धारित करता है。
flex-wrap

संभावित मान:

  • nowrap
  • wrap
  • wrap-reverse
  • initial
  • inherit

मूलभूत मान "nowrap" है।

फ्लेक्स एलेमेंट को वानलाइन करने के लिए क्या होना चाहिए।
initial इस गुण को उसके मूलभूत मान पर निर्धारित करें। देखें initial。
inherit इस गुण को उसके पिता एलेमेंट से विरासत करें। देखें inherit。

तकनीकी विवरण

मूलभूत मान: row nowrap
विरासत: नहीं
एनिमेशन निर्माण: समर्थित नहीं है। देखें:एनिमेशन संबंधी गुण。
संस्करण: CSS3
JavaScript व्याकरण: object.style.flexFlow="column nowrap"

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

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

संख्याओं का प्रयोग -webkit-、-ms- या -moz- के अनुसार प्रथम संस्करण के प्रीफिक्स का उपयोग करने के लिए अनुसूचित है。

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