CSS फ्लेक्स-आधार गुण

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

flex-basis गुण फ्लैक्स एलीमेंट की मूल लंबाई को निर्धारित करता है।

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

अन्य संदर्भ:

CSS शिक्षा: CSS फ्लैक्स बॉक्स

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

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

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

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

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

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

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

इस्टेन्स

दूसरे फ्लैक्स एलीमेंट की मूल लंबाई को 100 पिक्सल के साथ सेट करें:

div:nth-of-type(2) {
  flex-basis: 100px;
}

स्वयं को प्रयोग करें

CSS गणित

flex-basis: number|auto|initial|inherit;

गुण मूल्य

मूल्य वर्णन
number लंबाई इकाई या प्रतिशत, इस फ्लैक्स एलीमेंट की मूल लंबाई को निर्धारित करती है।
auto मूलभूत मूल्य। लंबाई समतुल्य है। यदि इस एलीमेंट को लंबाई का निर्देश नहीं दिया गया है, तो लंबाई उसके सामग्री के आधार पर निर्धारित होगी।
initial इस गुण को उसके मूलभूत मूल्य पर सेट करें। देखें: initial。
inherit इस गुण को उसके माता एलीमेंट से विरासत करें। देखें: inherit。

तकनीकी विवरण

मूलभूत मूल्य: auto
विरासत: नहीं
एनिमेशन निर्माण: समर्थन किया है। देखें:एनिमेशन संबंधी गुण。
संस्करण: CSS3
जेवेस्क्रिप्ट गणित: object.style.flexBasis="200px"

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

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

से -webkit- या -moz- के साथ की गई संख्याएं उपयोग करने वाली पहली संस्करण के प्रयोग को इंगित करती हैं।

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