Перейти к содержанию

flex-flow

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

Flexbox и выравнивание

Руководство по Flexbox

Синтаксис

/* 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;

Значения

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

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

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

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

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

Примечание

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

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

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

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

См. также