Style flexDirection गुण

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

flexDirection गुण को अलसी तत्व की दिशा सेट या वापसी मिलता है।

टिप्पणी:यदि तत्व अलसी तत्व नहीं है, तो flexDirection गुण अवैध है।

अन्य संदर्भ:

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

उदाहरण

<div> तत्व के अलसी तत्व की दिशा को पुन: व्यवस्थित करना:

document.getElementById("main").style.flexDirection = "column-reverse";

अपने आप सिर्फ आया

व्याकरण

flexDirection गुण वापसी मिलना:

object.style.flexDirection

flexDirection गुण सेट करना:

object.style.flexDirection = "row|row-reverse|column|column-reverse|initial|inherit"

गुण मूल्य

मूल्य वर्णन
row मूलभूत मूल्य। अलसी तत्व आड़ा दिखाए जाते हैं, एक पंक्ति के रूप में。
row-reverse row के समान, लेकिन विपरीत क्रम में。
column अलसी तत्व खिड़की के बाहर दिखाए जाते हैं, एक स्तम्भ के रूप में。
column-reverse column के समान, लेकिन विपरीत क्रम में。
initial इस गुण को उसके मूलभूत मूल्य पर सेट करें। देखें initial.
inherit इस गुण को उसके माता तत्व से विरासत करें। देखें inherit.

तकनीकी विवरण

मूलभूत मूल्य: row
वापसी मूल्य: शब्द, जो तत्व का flex-direction 属性.
CSS संस्करण: CSS3

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

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

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

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

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

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

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

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

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

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