Flex align self

/* Keyword values */
align-self: auto;
align-self: normal;

/* Positional alignment */
/* align-self does not take left and right values */
align-self: center; /* Put the item around the center */
align-self: start; /* Put the item at the start */
align-self: end; /* Put the item at the end */
align-self: self-start; /* Align the item flush at the start */
align-self: self-end; /* Align the item flush at the end */
align-self: flex-start; /* Put the flex item at the start */
align-self: flex-end; /* Put the flex item at the end */

/* Baseline alignment */
align-self: baseline;
align-self: first baseline;
align-self: last baseline;
align-self: stretch; /* Stretch 'auto'-sized items to fit the container */

/* Overflow alignment */
align-self: safe center;
align-self: unsafe center;

/* Global values */
align-self: inherit;
align-self: initial;
align-self: revert;
align-self: unset;

Similar codes

0 vote248 views1 answer
React use global css
CSS
0 vote227 views1 answer
Capitalize the first letter of string using CSS
CSS
0 vote223 views1 answer
Sub menu not showing horizontal css
CSS
0 vote243 views1 answer
Box-sizing border-box vs content-box css
CSS
3 votes222 views5 answers
Css keep aspect ratio image
CSS
1 vote209 views1 answer
Corona.html:61 Uncaught ReferenceError: $ is not defined
CSS
74 votes213 views6 answers
Css rounded corners
CSS
0 vote226 views1 answer
Scroll tbody fixed thead
CSS
4 votes233 views2 answers
Alternate table row color css
CSS
2 votes210 views1 answer
How to apply css to firefox only
CSS