1. display:box;

    Consider this the jumping off point for the flexible box model - all parent and child elements which you intend to take on the flexible model must have this display property.

  2. box-orient:

    Applied to the parent of the child elements you wish to manipulate. Specify horizontal (child elements stack next to one another) or vertical (child elements stack on top of one another).

  3. box-flex:

    This is the distribution of the child elements within the parent container; the value is an integer. Example: if all child elements have a flex value of 1, all child elements will take up an equal amount of space within the parent.

  4. box-align:

    Think of this as a related (but different) version of vertical-alignment in the display:box realm. Values are somewhat self-explanatory: baseline, center, end, start, stretch (default is stretch).

  5. box-pack:

    This is on-par with the text-align property; it specifies where child elements are located within a parent when said parent is larger than the size of the child(ren). Values are: center, end, justify, start (default is start).

  6. box-direction:

    The easiest and probably most self-explanatory: Specifies the direction of the child elements. Values of normal and reverse.

  7. box-ordinal-group:

    Plain and simple, this is an ordering tool. Value is an integer which represents the position of an element within a parent.