CSS flex-basis Property

The flex-basis CSS property specifies the initial size of the flexible item. If the element is not a flexible item, the flex property is not used.




Property Values

Value Description
number A length unit, or percentage, that specifies the flexible item's initial length (s).
auto The default value. The length is the same as the flexible item's length. If no length is specified for the item, the length will be determined by its content.
initial This property is set to its default value.
inherit This property is inherited from its parent element.

Supported Browsers

Element Chrome Firefox Safari Edge / IE Opera
flex-basis 29.0
21.0 -webkit-
18.0 -moz-
6.1 -webkit-
11.0 17.0