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 vote348 views1 answer
Frontend to backend fetching
CSS
8 votes357 views4 answers
Css boilerplate
CSS
0 vote332 views1 answer
Ul list style type image
CSS
22 votes360 views5 answers
Grid center
CSS
1 vote328 views1 answer
Bootstrap 4 material icon vertical align
CSS
0 vote376 views1 answer
How to center an item without flex
CSS
0 vote337 views1 answer
Css a tag id selector scrolls too far
CSS
5 votes307 views1 answer
Vertical align items in div
CSS
6 votes336 views3 answers
Css scroll snap
CSS
0 vote340 views1 answer
Twig convert encoding
CSS