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.

Class	Declarations
`object-position:position` `/` `object:position` `/` `obj:position`	`object-position: position`
`object-position:position\|position` `/` `object:position\|position` `/` `obj:position\|position`	`object-position: position position`
`obj:top`	`object-position: top`
`obj:bottom`	`object-position: bottom`
`obj:left`	`object-position: left`
`obj:right`	`object-position: right`
`obj:center`	`object-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>