place-self
A shorthand for setting both 'align-self' and 'justify-self' on a single item. It lets one specific item in a Flex or Grid container override the default alignment of the group.
It is documented as part of the CSS Box Alignment specification.
Syntax
/* Usage Example */
.special-item {
/* this specific grid item will align itself to the bottom-right of its cell */
place-self: end end;
}
/* Syntax */
place-self: align-self;
place-self: justify-self;
/* Global values */
place-self: inherit;
place-self: initial;
place-self: revert;
place-self: revert-layer;
place-self: unset;place-self Browser support
Widely available
Since
2015 95% global usage
This feature is well established and works across many devices and browser versions. It has been available across browsers since 2015.
59+
45+
11+
79+
Your first month is free
Managed WordPress hosting for faster sites.
Learn more