Opis

object-fit określa, w jaki sposób obraz (tag 'img') lub wideo ('video') powinny być zmienione, aby dopasować się do swojego pojemnika.

Zobacz też: object-position

Przykład
krokus krokus
Kod:
Wartości

object-fit: fill|contain|cover|scale-down|none|initial|inherit;

WartośćOpis
fill Domyślne. Wypełni całe pole zawartości elementu, dozwolone zniekształcenia proporcji. W razie potrzeby obiekt zostanie rozciągnięty lub ściśnięty.
contain Priorytetem jest zawarcie całości i wypełnienie możliwie największego obszaru. Nastąpi skalowanie z zachowaniem proporcji (w obie strony). Może nie wypełnić całego pola zawartości elementu w pionie albo poziomie.
cover Pokrycie (wypełnienie) całego pola zawartości elementu bez zniekształceń. Nastąpi skalowanie i ewentualne obcięcie.
none Zastąpiona treść nie jest zmieniana. Ile się zmieści tyle się zmieści.
scale-down Skalowanie z zachowaniem proporcji odbywa się tylko w celu zawarcia całości (tylko zmniejszanie i jeśli to konieczne).
initial Ustawia tę właściwość na wartość domyślną.
inherit Dziedziczy tę właściwość po elemencie nadrzędnym.
Przykłady:   |     |     |     
Info: Domyślna wartość: fill (?)
Dziedziczenie:
Animowalność:
JavaScript: object.style.objectFit