The CSS justify-self property aligns individual elements along the inline axis, overriding the parent container's justify-items value.
- •Supports values like auto, start, center, end, stretch, and baseline for controlling element alignment.
- •Start and end values depend on writing mode (ltr/rtl), while self-start and self-end honor the element's own writing mode.
- •Works in grid layouts, block layouts, and absolutely positioned elements, with different behaviors in each context.
- •For absolute positioning, requires inset: 0 to enable alignment; anchor-center aligns with an anchor's center.
- •Safe keyword prevents overflow outside scrollable regions, while unsafe always honors the defined alignment.
This summary was automatically generated by AI based on the original article and may not be fully accurate.
CSS-Tricks