CSSリファレンス

Tweet

display:boxはFlexコンテナボックスを作成するためのdisplayプロパティです。

もともと「display:box」と定義されていたが途中で「display:flexbox」に変更され、最終的に「display:flex」なったため少し古いブラウザでベンダープリフィックス付きで実装されている。

.selector{
	display:-moz-box;
	display:-webkit-box;
}

「display:flexbox」や「display:flex」と組み合わせると以下のように記述するのがよいでしょう。

.selector{
	display : -webkit-box;
	display : -ms-flexbox;
	display : -webkit-flex;
	display : flex;
}

対応ブラウザ

◯は実装済み、△はベンダープレフィックス付の実装、☓は未実装です。

参考URL

http://www.w3.org/TR/2009/WD-css3-flexbox-20090723/

登録日 : 2015年02月20日 最終更新日 : 2015年4月26日

同じカテゴリー(Flexible Box)のエントリー

• flex-grow
• box-ordinal-group
• flex-order
• order
• flex-flow
• box-lines
• flex-wrap
• box-direction
• box-orient
• flex-direction
• display:inline-box
• display:inline-flexbox
• display:inline-flex
• display:box
• display:flexbox
• display:flex