Opis

object-position jest używana razem z object-fit, aby określić, w jaki sposób obraz (img) i wideo (video) powinnny być umieszczone koordynatami x, y wewnątrz „własnej zawartości pudełka”.

Zobacz też: object-fit

Przykład
krokus krokus
Kod:
Wartości

object-position: position|initial|inherit;

WartośćOpis
position
%

1px | 0px 50px
Określa pozycję obrazu lub wideo w jego polu zawartości. Od jednej do czterech wartości, które określają pozycję 2D elementu. Można zastosować wartości (przesunięcia) obiektu względne lub bezwzględnie. Pierwsza wartość kontroluje oś X, a druga wartość kontroluje oś Y. Wartości mogą być w jednostkach (x y względem lewego górnego rogu 0 0) lub % (chyba przesunięcie środka obrazka względem % wolnej przestrzeni czy też różnicy między wymiarami obrazka i pudełka?). Wartości ujemne są dozwolone. Zobacz jednostki.
Pozycja może mieć też wartości położenia do krawędzi poziomo: left, center, right i pionowo: top, center, botom.
initial Ustawia tę właściwość na wartość domyślną.
inherit Dziedziczy tę właściwość po elemencie nadrzędnym.
Przykłady: -110px -50px   |   110px 50px   |   top right  |   left bottom  |   50% 50%  |   100% 100%  |   0% 200%  |  
Info: Domyślna wartość: 50% 50%
Dziedziczenie:
Animowalność:
JavaScript: object.style.objectPosition