Media

Object Fit

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

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

Overview [sr-only]

ClassDeclarations
object-fit:value / object:value / obj:valueobject-fit: value
object-fit:noneobject-fit: none
obj:containobject-fit: contain
obj:coverobject-fit: cover
obj:fillobject-fit: fill
obj:scale-downobject-fit: scale-down

Conditionally apply

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

<div class="object-fit:fill:hover object-fit:fill@sm object-fit:fill@dark object-fit:fill@print"></div>
PREVIOUS
List Style Type

Style syntax for setting the style of the list item marker.

NEXT
Object Position

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

MIT License © Aoyue Design LLC.