Skip to content

Place

Elevate CSS features a single compound property for setting the placement of an element: place is an alias for place-content.


place Property Modifiers

PropertyExpected ValuesExample
placecenter, center-start, center-end, center-stretch, start-center, start, start-end, start-stretch, end-center, end-start, end, end-stretch, stretch-center, stretch-start, stretch-end, stretch-stretch, baseline-center, baseline-stretch, first-baseline-center, first-baseline-stretch, last-baseline-center, last-baseline-stretch, space-between-center, space-between-start, space-between-end, space-between-stretch, space-around-center, space-around-start, space-around-end, space-around-stretch, space-evenly-center, space-evenly-start, space-evenly-end, space-evenly-stretch, stretch-space-between, stretch-space-around, stretch-space-evenly, inherit, initial, revert, revert-layer, unsetplace:space-between-start

Self Alignment

PropertyExpected ValuesExample
align-selfalign-start, align-end, align-center, align-stretch, align-baseline, align-self-start, align-self-endalign-self:align-center
justify-selfjust-start, just-end, just-center, just-stretch, just-baseline, just-self-start, just-self-endjustify-self:just-center
place-selfSame values as placeplace-self:center-start