Property |
Description |
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 |
align-items |
Vertically aligns the flex items when the items do not use all available space on the cross-axis |
align-self |
Used on flex items. Overrides the container's align-items property |
display |
Specifies the type of box used for an HTML element |
flex |
Specifies the length of a flex item, relative to the rest of the flex items inside the same container |
flex-direction |
Specifies the direction of the flexible items inside a flex container |
flex-flow |
A shorthand property for flex-direction and flex-wrap |
flex-wrap |
Specifies whether the flex items should wrap or not, if there is not enough room for them on one flex line |
justify-content |
Horizontally aligns the flex items when the items do not use all available space on the main-axis |
order |
Specifies the order of a flexible item relative to the rest of the flex items inside the same container |