CSS align self Property
CSS align-self Property
The align-self property is used to specify the alignment for the selected item inside the flexible container. It is actually used to override the align-items property.
Syntax:-
Its syntax is:- align-self: auto | stretch | center | flex-start | flex-end | baseline | initial | inherit;
Further Explanation:-
Value | Description |
---|---|
auto | Default. The element inherits its parent container property. |
stretch | The element is positioned to fit the container |
center | The element is positioned at the center of the container |
flex-start | The element is positioned at the beginning of the container |
flex-end | The element is positioned at the end of the container |
baseline | The element is positioned at the baseline of the container |
initial | Sets this property to its default value. |
inherit | Inherits this property from its parent element. |