CSSリファレンス

Tweet

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プロパティです。