CSS Intro

CSS Intro Quiz

CSS Intro Exercise

CSS Basic

CSS Basic Quiz

CSS Basic Exercise

CSS Advance

CSS Advance Quiz

CSS Advance Exercise


CSS3 Quiz

CSS3 Exercise

CSS Properties

CSS Functions

CSS Selectors

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.




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.

Code Explanation

All Tutorials related to CSS Properties

All Sections related to CSS