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.valueDescription
1flex-startUsed to move flex items to the start of block. The value for this is flex-start.
2flex-endUsed to move flex items to the end of block. The value for this is flex-end.
3centerUsed to move flex items to the center of block. The value for this is center.
4stretchUsed to stretch the flex items to fit the block. The value for this is stretch.
5initialUsed to define as the property initial value.
6inheritUsed to define the computed value of property on the elements parent.
7unsetUsed to define the property either acts as inherit or initial, depending on the property if it is inherited or not.

Leave a comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.