alignSelf
The align-self CSS property aligns flex items of the current flex line overriding the align-items value. If any of the flex item's cross-axis margin is set to auto, then align-self is ignored.
The align-self CSS property aligns flex items of the current flex line overriding the align-items value. If any of the flex item's cross-axis margin is set to auto, then align-self is ignored.
MDN
Value members
Concrete fields
Computes to parent's align-items value or stretch if the element has no parent.
Computes to parent's align-items value or stretch if the element has no parent.
MDN
All flex items are aligned such that their baselines align. The item with the largest distance between its cross-start margin edge and its baseline is flushed with the cross-start edge of the line.
All flex items are aligned such that their baselines align. The item with the largest distance between its cross-start margin edge and its baseline is flushed with the cross-start edge of the line.
MDN
The flex item's margin box is centered within the line on the cross-axis. If the cross-size of the item is larger than the flex container, it will overflow equally in both directions.
The flex item's margin box is centered within the line on the cross-axis. If the cross-size of the item is larger than the flex container, it will overflow equally in both directions.
MDN
The cross-end margin edge of the flex item is flushed with the cross-end edge of the line.
The cross-end margin edge of the flex item is flushed with the cross-end edge of the line.
MDN
The cross-start margin edge of the flex item is flushed with the cross-start edge of the line.
The cross-start margin edge of the flex item is flushed with the cross-start edge of the line.
MDN