स्टाइल flexFlow गुण

वर्णन और उपयोग

flexFlow गुण है flexDirection और flexWrap गुण का शॉर्टकट गुण

flexDirection गुण फ्लेक्स एलिमेंट की दिशा निर्धारित करता है。

flexWrap गुण फ्लेक्स एलिमेंट को लेने के लिए क्या रेंडर करना चाहिए।

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

अन्य संदर्भ:

CSS संदर्भ पुस्तका:flex-flow 属性

उदाहरण

फ्लेक्स एलिमेंट को स्तम्भ में दिखाएं और नहीं लेने:

document.getElementById("main").style.flexFlow = "column nowrap";

अपने आप से प्रयास करें

व्याकरण

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

object.style.flexFlow

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

object.style.flexFlow = "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
परिणाम: शब्द, जो एलिमेंट की flex-flow 属性.
CSS संस्करण: CSS3

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

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

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

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

HTML DOM STYLE संदर्भ पुस्तका:flex 属性

HTML DOM STYLE संदर्भ पुस्तका:flexBasis 属性

HTML DOM STYLE संदर्भ पुस्तका:flexDirection 属性

HTML DOM STYLE संदर्भ पुस्तका:flexGrow 属性

HTML DOM STYLE संदर्भ पुस्तका:flexShrink 属性

HTML DOM STYLE संदर्भ पुस्तका:flexWrap 属性