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 を参照)。

関連情報

Document Tags and Contributors

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