HTML5 APPLICATIONS DEVELOPMENT MANUAL

The following table lists the CSS properties used with flexbox:

display

Specifies the type of box used for an HTML

element

flex-

direction

Specifies the direction of the flexible items

inside a flex container

justify-

content

Horizontally aligns the flex items when the

items do not use all available space on the

main-axis

align-items

Vertically aligns the flex items when the

items do not use all available space on the

cross-axis

flex-wrap

Specifies whether the flex items should wrap

or not, if there is not enough room for them

on one flex line

align-

content

Modifies the behavior of the flex-wrap

property. It is similar to align-items, but

instead of aligning flex items, it aligns flex

lines

flex-flow

A shorthand property for flex-direction and

flex-wrap

order

Specifies the order of a flexible item relative

to the rest of the flex items inside the same

container

align-self

Used on flex items. Overrides the container's

align-items property