Właściwość CSS object-position

Definicja stylu, przeznaczenie i użycie object-position

Styl object-position jest używany razem z object-fit, aby określić, w jaki sposób element img lub video powinien być umieszczony ze współrzędnymi x/y wewnątrz jego pola zawartości (content box).

Wartości właściwości object-position

Składnia CSS object-position

object-position: position | initial | inherit;

Wsparcie przeglądarek dla właściwości object-position

Liczba w tabeli określa pierwszą wersję przeglądarki w pełni obsługującą tę właściwość.

Właściwość
object-position	31.0	16.0	36.0	10.0	19.0

Przykładowe zastosowania właściwości object-position

Przykład: zmienia rozmiar obrazu, aby dopasować go do pola treści i umieszcza go 5 pikseli od lewej i 10% od góry w polu treści: img.a { width: 200px; height: 400px; object-fit: none; object-position: 5px 10%; border: 5px solid red; }