css.properties

justify-items

The justify-items property justifies grid items along the inline axis.

Formal Syntax

justify-items = normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ] | legacy | legacy && [ left | right | center ] | anchor-center <baseline-position> = [ first | last ]? && baseline <overflow-position> = unsafe | safe <self-position> = center | start | end | self-start | self-end | flex-start | flex-end

See specification

JavaScript Access

// Access via element.style element.style.justifyItems = "legacy";

Browser Support

standard | MDN ยท Spec

FeatureChromeFirefoxSafariEdge
justify-items5220912
anchor-center12514726125
block_context130โ€”โ€”130
center5220979
flex_context5220912
grid_context574510.116
left5220979
legacy5220979
right5220979

Related Properties