Example

A simple flex property example:

Laboratory

description & Usage

The flex property is a shorthand property for:

flex-grow

flex-shrink

flex-basis

Informations

# Description
Default Value 0 1 auto
Inherited no
Animatable yes
Version CSS3
JavaScript syntax object.style.flex="1"

Browser compatibility and Support

# Chrome Edge Firefox Safari Opera
flex

Syntax

Values

Values Description
flex-basis Percentages, centimeters, etc. are used.
auto Their pairs are considered 1 1.
initial Adds this value to its default property.
none Their pair is considered 0 0.
inherit It inherits this value from its parent tag.