Flexible Box
Flexible Boxは要素の配置を制御するための仕様です。仕様策定時の混乱からbox系、flexbox系、flex系の仕様が混在しブラウザのサポートなども異なります。
- flex-grow
flex-growプロパティはFlexible Boxに余白が生じた際にどのような比率でその余白を埋めるかが定義できるプロパティです。 - box-ordinal-group
box-ordinal-groupプロパティはFlexアイテムの並び順を制御するための古いプロパティです。 - flex-order
flex-orderプロパティはFlexアイテムの並び順を制御するための古いプロパティです。 - order
orderプロパティはFlexアイテムの並び順を制御するためのプロパティです。 - flex-flow
flex-flowプロパティはflex-directionプロパティとflex-wrapプロパティをまとめて指定できるプロパティです。 - box-lines
box-linesプロパティはFlexアイテムがFlexコンテナボックスの横幅から溢れた際の挙動を制御するための古いプロパティです。 - flex-wrap
flex-wrapはFlexアイテムがFlexコンテナボックスの横幅から溢れた際の挙動を制御するためのプロパティです。 - box-direction
「box-direction」はFlexコンテナボックスの子要素(Flexアイテム)の並び順を指定するための古いプロパティです。 - box-orient
「box-orient」はFlexコンテナボックスの子要素(Flexアイテム)の並び順を指定するための古いプロパティです。 - flex-direction
「flex-direction」はFlexコンテナボックスの子要素(Flexアイテム)の並び順を指定するための新しいプロパティです。 - display:inline-box
display:inline-boxはインラインFlexコンテナボックスを作成するためのdisplayプロパティです。 - display:inline-flexbox
display:inline-flexboxはインラインFlexコンテナボックスを作成するためのdisplayプロパティです。 - display:inline-flex
display:inline-flexはインラインFlexコンテナボックスを作成するためのdisplayプロパティです。 - display:box
display:boxはFlexコンテナボックスを作成するためのdisplayプロパティです。 - display:flexbox
display:flexboxはFlexコンテナボックスを作成するためのdisplayプロパティです。 - display:flex
display:flexはFlexコンテナボックスを作成するためのdisplayプロパティです。