mozilla
Your Search Results

    flex-flow

    Summary

    The CSS flex-flow property is a shorthand property for flex-direction and flex-wrap individual properties.

    • Initial value *Value 'initial-flex-flow' not found in DB*
    • Applies to flex containers
    • Inherited *Value 'inherited-flex-flow' not found in DB*
    • Media *Value 'media-flex-flow' not found in DB*
    • Computed value as each of the properties of the shorthand:
      • flex-direction: as specified
      • flex-wrap: as specified
    • Animatable no
    • Canonical order order of appearance in the formal grammar of the values

    See Using CSS flexible boxes for more properties and information.

    Syntax

    Formal syntax: Syntax not found in DB!

    Values

    See flex-direction and flex-wrap for details on the values.

    Examples

    element { 
      /* Main-axis is the block direction with reversed main-start and main-end. Flex items are laid out in multiple lines */
      flex-flow: column-reverse wrap;            
    }
    

    Specifications

    Specification Status Comment
    CSS Flexible Box Layout Module Candidate Recommendation  

    Browser compatibility

    Feature Firefox (Gecko) Chrome Internet Explorer Opera Safari
    Basic support 28.0

    21.0-webkit
    29.0

    11 12.10 6.1-webkit
    Feature Firefox Mobile (Gecko) Android IE Phone Opera Mobile Safari Mobile
    Basic support 28.0 ? 11 12.10 7.1-webkit

    See also

    Document Tags and Contributors

    Contributors to this page: Sheppy, scottrowe, FredB, ethertank, kscarfone, SaschaNaz, teoli, SJW, hexalys
    Last updated by: hexalys,