mozilla
Your Search Results

    flex-flow

    概要

    CSS flex-flow プロパティは、flex-direction プロパティおよび flex-wrap プロパティの短縮プロパティです。

    • 初期値 error:(<s*codes+ids*=s*"initial-flex-flow"[^>]*>)</s*codes+ids*=s*"initial-flex-flow"[^>
    • 適用対象 flex コンテナ
    • 継承 個々のプロパティを参照
    • メディア visual
    • 計算値 個々のプロパティの指定値

    他のプロパティや詳細情報については CSS flexible box の利用 をご覧ください。

    構文

    形式構文: <'flex-direction'> || <'flex-wrap'>

    値に関して詳しくは、flex-direction および flex-wrap をご覧ください。

    element { 
      /* main-axis は block 方向で、main-start と main-end を逆にします。flex アイテムは複数ラインにレイアウトされます */
      flex-flow: column-reverse wrap;            
    }
    

    仕様書

    仕様書 状況 備考
    CSS Flexible Box Layout Module 勧告候補  

    ブラウザ実装状況

    機能 Firefox (Gecko) Chrome Internet Explorer Opera Safari
    基本サポート 未サポート [1] 21.0-webkit 未サポート 12.10 未サポート
    機能 Firefox Mobile (Gecko) Android IE Phone Opera Mobile Safari Mobile
    基本サポート 未サポート [1] ? 未サポート 12.10 未サポート

    [1] Firefox は単一ラインの flexbox のみサポートしています (バグ 702508 を参照)。

    関連情報

    ドキュメントのタグと貢献者

    Contributors to this page:
    最終更新者: ethertank,
    サイドバーを隠す