CSS Property: align-self
[this page | pdf | back links]
The CSS (CSS3) align-self property specifies the
alignment for the selected item within a flexible container. Use the align-items
property to set the default that otherwise applies to the items in the flexible
container.
Valid property values
(other than inherit
and initial) are:
|
Value
|
Description
|
|
auto
|
(default value). Element
inherits its parent container’s align-items property, or "stretch"
if it has no parent container
|
|
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
|
Items stretched to fit
container
|
|
Default Value:
|
auto
|
|
JavaScript syntax:
|
e.g. object.style.alignSelf = "center";
|
|
Inherited:
|
No
|
|
Animatable:
|
No
|
NAVIGATION LINKS
Contents | Prev | Next | CSS Properties