Spis alfabetyczny stylów CSS.
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 | Grafik | Strony
Marynarska 54
59-220, Legnica,
dolnośląskie, Polska,
tel. +48 780 060 995,
Pon. - pt. 8:00 - 17:00
