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. |