flex-flow¶
Свойство flex-flow
является сокращённым свойством для отдельных свойств flex-direction
и flex-wrap
.
Flexbox и выравнивание
Руководство по Flexbox
- flex
- flex-basis
- flex-direction
- flex-flow
- flex-grow
- flex-shrink
- flex-wrap
- order
Синтаксис¶
/* 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
.