flex-basis

Read More at MDN DocsView Spec

Safe to Use

flex-basis is considered safe to use.

It’s supported by 94% of global browsers.

Browsers

ChromeAug 20, 2013v29.0.0
26%╱100%
100% of Chrome users are running a supported version.
SafariSep 30, 2015v9.0.0
5%╱100%
100% of Safari users are running a supported version.
EdgeJul 28, 2015v12.0.0
5%╱100%
100% of Edge users are running a supported version.
FirefoxJun 25, 2013v22.0.0
3%╱100%
100% of Firefox users are running a supported version.

Version Breakdown

 
Agent
Support
Adoption
Chrome
Aug 20, 2013 v29.0.0
26%╱100%
100% of Chrome users are running a supported version.
Aug 20, 2013 – Latest
v29.0.0+
26%╱100%

Full Support

Sep 25, 2012 – Latest
v22.0.0+
26%╱100%

Implemented with the vendor prefix: -webkit-

Chrome Android
Aug 21, 2013 v29.0.0
36%╱100%
100% of Chrome Android users are running a supported version.
Aug 21, 2013 – Latest
v29.0.0+
36%╱100%

Full Support

Feb 27, 2013 – Latest
v25.0.0+
36%╱100%

Implemented with the vendor prefix: -webkit-

Edge
Jul 28, 2015 v12.0.0
5%╱100%
100% of Edge users are running a supported version.
Jul 28, 2015 – Latest
v12.0.0+
5%╱100%

Full Support

Jul 28, 2015 – Latest
v12.0.0+
5%╱100%

Implemented with the vendor prefix: -webkit-

Firefox
Jun 25, 2013 v22.0.0
3%╱100%
100% of Firefox users are running a supported version.
Jun 25, 2013 – Latest
v22.0.0+
3%╱100%

Full Support

Since Firefox 28, multi-line flexbox is supported.

Sep 20, 2016 – Latest
v49.0.0+
3%╱100%

Implemented with the vendor prefix: -webkit-

Firefox for Android
Jun 25, 2013 v22.0.0
Firefox for Android supports this feature.
Jun 25, 2013 – Latest
v22.0.0+

Full Support

Since Firefox 28, multi-line flexbox is supported.

Sep 20, 2016 – Latest
v49.0.0+

Implemented with the vendor prefix: -webkit-

Internet Explorer
Oct 17, 2013 v11.0.0
0%╱83%
There are no users of Internet Explorer running a supported version.
Oct 17, 2013 – Latest
v11.0.0+
0%╱83%

Full Support

When a non-auto flex-basis is specified, Internet Explorer 10 and 11 always uses a content-box box model to calculate the size of a flex item, even if box-sizing: border-box is applied to the element. See Flexbug #7 for more info.

 
Quest Browser
Unknown v5.0.0
Quest Browser supports this feature.
Unknown
v5.0.0+

Full Support

Unknown
v5.0.0+

Implemented with the vendor prefix: -webkit-

Opera
Nov 20, 2012 v12.1.0
1%╱100%
100% of Opera users are running a supported version.
Nov 20, 2012 – Latest
v12.1.0+
1%╱100%

Full Support

Jul 2, 2013 – Latest
v15.0.0+
1%╱100%

Implemented with the vendor prefix: -webkit-

Opera Android
Oct 9, 2012 v12.1.0
Opera Android supports this feature.
Oct 9, 2012 – Latest
v12.1.0+

Full Support

May 21, 2013 – Latest
v14.0.0+

Implemented with the vendor prefix: -webkit-

Safari
Sep 30, 2015 v9.0.0
5%╱100%
100% of Safari users are running a supported version.
Sep 30, 2015 – Latest
v9.0.0+
5%╱100%

Full Support

Oct 22, 2013 – Latest
v7.0.0+
5%╱100%

Implemented with the vendor prefix: -webkit-

Safari on iOS
Sep 16, 2015 v9.0.0
16%╱100%
There are no users of Safari on iOS running a supported version.
Sep 16, 2015 – Latest
v9.0.0+
16%╱100%

Full Support

Sep 18, 2013 – Latest
v7.0.0+
17%╱100%

Implemented with the vendor prefix: -webkit-

Samsung Internet
Oct 17, 2014 v2.0.0
2%╱100%
100% of Samsung Internet users are running a supported version.
Oct 17, 2014 – Latest
v2.0.0+
2%╱100%

Full Support

Sep 25, 2013 – Latest
v1.5.0+
2%╱100%

Implemented with the vendor prefix: -webkit-

WebView Android
Dec 9, 2013 v4.4.0
WebView Android supports this feature.
Dec 9, 2013 – Latest
v4.4.0+

Full Support

Sep 3, 2014 – Latest
v37.0.0+

Implemented with the vendor prefix: -webkit-

See Also

Contribute