CSS Property: align-items
[this page | pdf | back links]
The CSS (CSS3) align-items property specifies the
default alignment for items inside a flexible container. Use the align-self
property to override the property for any individual item.
Valid property values
(other than inherit
and initial) are:
|
Value
|
Description
|
|
baseline
|
Items positioned at
baseline of container
|
|
center
|
Items positioned at centre
of container
|
|
flex-end
|
Items positioned at end
of container
|
|
flex-start
|
Items positioned at
start of container
|
|
stretch
|
(default value). Items
stretched to fit container
|
|
Default Value:
|
stretch
|
|
JavaScript syntax:
|
e.g. object.style.alignItems = "center";
|
|
Inherited:
|
No
|
|
Animatable:
|
No
|
NAVIGATION LINKS
Contents | Prev | Next | CSS Properties