Media

Object Position

Style syntax for setting the alignment of the selected replaced element within the element's box.

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

Overview [sr-only]

ClassDeclarations
object-position:position / object:position / obj:positionobject-position: position
object-position:position|position / object:position|position / obj:position|positionobject-position: position position
obj:topobject-position: top
obj:bottomobject-position: bottom
obj:leftobject-position: left
obj:rightobject-position: right
obj:centerobject-position: center

Conditionally apply

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

<div class="object-position:top:hover object-position:top@sm object-position:top@dark object-position:top@print"></div>
PREVIOUS
Object Fit

Style syntax for setting how the content should be resized to fit its container.

NEXT
Outline

Style syntax for setting all the outline properties at once.

MIT License © Aoyue Design LLC.