CSS-свойство flex-flow

CSS-свойство flex-flow является кратким свойством для одновременной установки отдельных свойств flex-direction и flex-wrap.

Значение по умолчанию:	`row nowrap`
Применяется к:	Flex-контейнеры
Наследование:	Нет
Анимирование:	Нет. Анимируемые свойства
Версия:	Новый в CSS3

Синтаксис

Синтаксически свойства задаются по следующему шаблону:

flex-flow: [ flex-direction flex-wrap ] | initial | inherit

Примеры написания кода свойства flex-flow:

.flex-container {
    /* Safari */
    display: -webkit-flex;
    -webkit-flex-flow: row-reverse wrap;
    /* Standard syntax */
    display: flex;
    flex-flow: row-reverse wrap;
}

Значения свойств

В следующей таблице описаны значения этого свойства.

Значение	Описание
`flex-direction`	Определяет, как flex-элементы помещаются во flex-контейнер.
`flex-wrap`	Определяет, должны ли гибкие элементы оборачиваться или нет.
`initial`	Устанавливает это свойство в значение по умолчанию.
`inherit`	Если указан, связанный элемент принимает вычисленное значение своего родительского элемента `flex-flow`.