Syntax details:
- Name:
- flex
- Value:
- none | [ <‘flex-grow’> <‘flex-shrink’>? || <‘flex-basis’> ]
- Initial:
- 0 1 auto
- Applies to:
- flex items
- Name:
- flex-grow
- Value:
- <number>
- Initial:
- 0
- Applies to:
- flex items
- Name:
- flex-shrink
- Value:
- <number>
- Initial:
- 1
- Applies to:
- flex items
- Name:
- flex-basis
- Value:
- content | <‘width’>
- Initial:
- auto
- Applies to:
- flex items
(||): One or more of them must occur, in any order.
(|): Exactly one of them must occur.
(?): Occurs zero or one times.