CSS Property: justify-content
[this page | pdf | back links]
The CSS (CSS3) justify-content property indicates how
to align a flexible container’s items when the items do not use all available
space along the horizontal axis.
Â
Valid property values
(other than inherit
and initial) are:
|
Value
|
Description
|
|
center
|
Items are centred
|
|
flex-start
|
(default value). Items
positioned at start of container
|
|
flex-end
|
Items positioned at end
of container
|
|
space-around
|
Items positioned with
space before, between and after lines
|
|
space-between
|
Items positioned with
space between lines
|
|
Default Value:
|
flex-start
|
|
JavaScript syntax:
|
e.g. object.style.justifyContent="space-around"
|
|
Inherited:
|
No
|
|
Animatable:
|
Yes
|
NAVIGATION LINKS
Contents | Prev | Next | CSS Properties