CSS ఫ్లెక్స్-బేసిస్ అట్రిబ్యూట్

నిర్వచనం మరియు వినియోగం

flex-basis లక్షణం ఫ్లెక్సబైస్ ప్రాజెక్ట్ ప్రారంభ పొడవును నిర్ణయిస్తుంది。

ప్రకటన:ఫ్లెక్స లక్షణం ఫ్లెక్సబైస్ ప్రాజెక్ట్ కాదు ఉంటే లేదు.

మరింత చూడండి:

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
JavaScript సంకేతపత్రం: 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