CSS object-position


An image or video element's x/y position inside of its content box is determined by the object-position attribute of CSS.

Let's imagine that the visible portion of the image is not placed where we would like it to be. We will be using the object-position property to position the image.

Position:

This describes where the element is located. It requires two integer values, one for the top of the content-box and the other for the distance from the left of the content-box. Negative values are also an option.

Syntax

Example

Preview