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]

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>
Object Fit

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


Style syntax for setting all the outline properties at once.

MIT License © Aoyue Design LLC.