flex-flow

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

1. Синтаксис
2. Значения
   1. Примечание
3. Спецификации
4. Поддержка браузерами

Синтаксис

/* flex-flow: <'flex-direction'> */
flex-flow: row;
flex-flow: row-reverse;
flex-flow: column;
flex-flow: column-reverse;

/* flex-flow: <'flex-wrap'> */
flex-flow: nowrap;
flex-flow: wrap;
flex-flow: wrap-reverse;

/* flex-flow: <'flex-direction'> and <'flex-wrap'> */
flex-flow: row nowrap;
flex-flow: column wrap;
flex-flow: column-reverse wrap-reverse;

/* Global values */
flex-flow: inherit;
flex-flow: initial;
flex-flow: unset;

Значения

Значение по-умолчанию:

• flex-direction: row
• flex-wrap: nowrap

Наследуется: нет

Применяется к: К флекс-элементам

Анимируется: нет

Смотрите отдельные свойства для их значений.

Примечание

Safari до версии 9 поддерживает свойство -webkit-flex-flow.

Спецификации

• CSS Flexible Box Layout Module

Поддержка браузерами

Can I Use flexbox? Data on support for the flexbox feature across the major browsers from caniuse.com.