CSS
Dopasowanie i umiejscowienie obiektu
Szukaj…
Uwagi
Właściwości object-fit object-position nie są obsługiwane przez program Internet Explorer.
dopasowanie obiektowe
Właściwość dopasowania obiektu określa, w jaki sposób element zmieści się w pudełku o ustalonej wysokości i szerokości. Dopasowywanie obiektowe zwykle stosowane do obrazu lub wideo akceptuje następujące pięć wartości:
NAPEŁNIĆ
object-fit:fill;
Wypełnienie rozciąga obraz, dopasowując go do pola zawartości, bez względu na oryginalne proporcje obrazu.
ZAWIERAĆ
object-fit:contain;
Zawiera dopasowuje obraz do wysokości lub szerokości pudełka, zachowując proporcje obrazu.
POKRYWA
object-fit:cover;
Okładka wypełnia całe pole obrazem. Współczynnik kształtu obrazu zostaje zachowany, ale obraz jest przycięty do wymiarów ramki.
ŻADEN
object-fit:none;
Brak ignoruje rozmiar pudełka i nie jest zmieniany rozmiar.
POMNIEJSZYĆ
object-fit:scale-down;
Skaluj w dół albo rozmiar obiektu jako none lub jako contain . Wyświetla dowolną opcję, która powoduje zmniejszenie rozmiaru obrazu. 