CSS flex-basis Property


If the element is not a flexible item, the flex-basis property has no effect.

Note: If the element is not a flexible item, the flex-basis property has no effect.

CSS Syntax

flex-basis: number|auto|initial|inherit;

Supported Browsers:

  • Firefox: 52.0, 2.0 -moz-
  • Google Chrome: 50.0, 4.0 -webkit-
  • Internet Explorer: 10.0
  • Safari: 9.0, 3.1 -webkit-
  • Opera: 37.0, 15.0 -webkit-, 11.1

Example -