Strona w trakcie modernizacji
Zapraszamy wkrótce
Styl object-fit służy do określania, w jaki sposób należy zmieniać rozmiar elementu img lub video, aby pasował do jego kontenera.
Właściwość object-fit nakazuje wyszukiwarce, aby treść wypełniała kontener na różne sposoby; takie jak "zachowaj współczynnik proporcji" (aspect ratio) lub "rozciągnij element i zajmij jak najwięcej miejsca" (stretch).
Wartość | Opis |
fill | Rozmiar zastępowanej zawartości jest dopasowywany do pola zawartości elementu. W razie potrzeby obiekt zostanie rozciągnięty lub zgnieciony w celu dopasowania. Ustawienie domyślne. |
contain | Zastąpiona zawartość jest skalowana w celu zachowania współczynnika proporcji przy dopasowaniu do pola zawartości elementu. |
cover | Rozmiar zastępowanej zawartości jest dopasowywany tak, aby zachować proporcje podczas wypełniania całego pola zawartości elementu. Obiekt zostanie przycięty w celu dopasowania. |
none | Zastąpiona zawartość nie jest zmieniana. |
scale-down | Element jest przeskalowany do rozmiaru tak, aby treść w całości zmieściła się w rozmiarze obszaru zawartości. |
initial | Ustawia tę właściwość na jej wartość domyślną. |
inherit | Dziedziczy tę właściwość z elementu nadrzędnego. |
object-fit: fill | contain | cover | scale-down | none | initial | inherit;
Liczba w tabeli określa pierwszą wersję przeglądarki w pełni obsługującą tę właściwość.
Właściwość | ![]() |
![]() |
![]() |
![]() |
![]() |
object-fit | 31.0 | 16.0 | 36.0 | 7.1 | 19.0 |
Tworzenie stron Warszawa, Wrocław i Legnica | Teksty SEO pozycjonujące strony | Grafika na strony internetowe
Marynarska 54
59-220, Legnica,
dolnośląskie, Polska,
Tel.: +48 780 060 995,
Pon. - pt. 8:00 - 17:00