justify-self

The justify-self property justifies a grid item along the inline axis.

Formal Syntax

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

Initial value: auto
Applies to: block-level boxes, absolutely-positioned boxes, and grid items
Inherited: no
Percentages: n/a
Computed value: specified keyword(s)
Animation type: discrete

See specification

JavaScript Access

// Access via element.style element.style.justifySelf = "auto";

Browser Support

standard | MDN · Spec

Feature	Chrome	Firefox	Safari	Edge
justify-self	57	45	10.1	16
anchor-center	125	147	26	125
auto	57	45	10.1	79
block_context	130	—	—	130
grid_context	57	45	10.1	16
left	57	45	10.1	79
normal	57	45	10.1	79
position_absolute_context	122	134	—	122
right	57	45	10.1	79
stretch	57	45	10.1	79

Related Properties