CSS flex-basis property


CSS flex-basis property behaves the same way as width of a box except it only specifies the width of content-box of flex item.


flex-basis : auto | +ve integer

Property values


The width of content-box is resolved to fit the content completely.

flex-basis: auto;

+ve integer

It specifies the width of the content-box of the flex item. Remember that this value does not include border-box and padding area.

flex-basis: 100px;

Applicable to

It applies to flex items.

#CSS digger
Was this article helpful?


#First 1

#Second 2

#Third 3

#Third 4

#Third 5