The flex-basis property is used to set or retrieve the elastic box scaling reference value.

Note: The Flex-basis attribute does not work if the element is not an element of the elastic box object. // Click the “Try it” button to set the flexBasis property of the blue div element to “200px”.

Red DIV
Blue DIV

Click the “Try it” button to set the flexBasis property of the blue DIV element to “200px”.

Give it a try

Note: Internet Explorer and Safari do not support the flexBasis property.