Object Fit 1.2.0

Steuere, wie ersetzte Elemente wie <img> und <video> innerhalb ihres Containers skaliert werden. English: Object Fit

Reifegrad: Dokumentiert als stabil in VelinStyle 1.2.0. Studio und die vollstaendige Utility Engine bleiben geplant — ausgelieferte Utilities werden manuell unter @layer utilities, kein vollstaendiger Variantengenerator.

Wann verwenden

Fit media in fixed frames with object-fit / object-position utilities.

Wann nicht

Pair with explicit sizes or aspect-ratio helpers so layout does not jump.

Object Fit

<img class="velin-object-fit-contain" src="..." alt="...">
<img class="velin-object-fit-cover" src="..." alt="...">
<img class="velin-object-fit-fill" src="..." alt="...">
<img class="velin-object-fit-scale-down" src="..." alt="...">
<img class="velin-object-fit-none" src="..." alt="...">

Object Position

Setze die Ausrichtung des Elementinhalts innerhalb seiner Box:

<img class="velin-object-fit-cover velin-object-position-top" src="..." alt="...">
<img class="velin-object-fit-cover velin-object-position-center" src="..." alt="...">
<img class="velin-object-fit-cover velin-object-position-bottom" src="..." alt="...">

Responsiv

All object-fit utilities support responsive breakpoints:

<img class="velin-object-fit-contain velin-object-fit-md-cover" src="..." alt="...">