CSS align self

CSS align self is used to align the single flex of box items.

This property aligns single items inside flex container.


Syntax

Output


CSS align self values list

Sr. No. value Description
1 flex-start Used to move flex items to the start of block. The value for this is flex-start.
2 flex-end Used to move flex items to the end of block. The value for this is flex-end.
3 center Used to move flex items to the center of block. The value for this is center.
4 stretch Used to stretch the flex items to fit the block. The value for this is stretch.
5 initial Used to define as the property initial value.
6 inherit Used to define the computed value of property on the elements parent.
7 unset Used to define the property either acts as inherit or initial, depending on the property if it is inherited or not.