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.
Quick example
.special-item {
/* this specific grid item will align itself to the bottom-right of its cell */
place-self: end end;
}Quick facts
Initial value
See individual propertiesInherited
No
Applies to
block-level boxes, absolutely positioned boxes, and grid items
Animation type
discrete
Values
align-selfjustify-self 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.
Safe to use without fallbacks.
59+
45+
11+
79+