Grid And Flexbox

Justify Self

Style syntax for controlling how an individual item is aligned along its inline axis.

🚧This page is still under construction and some content may not be complete.

Overview [sr-only]

ClassDeclarations
justify-self:value / js:valuejustify-self: value
justify-self:autojustify-self: auto
justify-self:normaljustify-self: normal
justify-self:baselinejustify-self: baseline
justify-self:leftjustify-self: left
justify-self:centerjustify-self: center
justify-self:rightjustify-self: right
justify-self:stretchjustify-self: stretch
justify-self:startjustify-self: start
justify-self:endjustify-self: end
justify-self:flex-startjustify-self: flex-start
justify-self:flex-endjustify-self: flex-end
justify-self:self-startjustify-self: self-start
justify-self:self-endjustify-self: self-end

Conditionally apply

Apply styles in different states using selectors, media queries, etc.

<div class="justify-self:auto:hover justify-self:auto@sm justify-self:auto@dark justify-self:auto@print"></div>
PREVIOUS
Justify Items

Style syntax for controlling how items are aligned along its inline axis.

NEXT
Order

Style syntax for changing the order of item in flex or grid container.

MIT License © Aoyue Design LLC.