CSS object-position Property


 CSS's object-position property specifies how an image or video element with x/y coordinates is positioned within its content box.

Syntax

Example

Preview

Property Values

Value Description
position Sets the position of the image or video within the content box. The first value governs the x-axis, while the second governs the y-axis. It could be a string or it could be a number. Negative values are permitted.
initial This property is set to its default value.
inherit This property is inherited from its parent element.

Supported Browsers

Property Chrome Firefox Safari Edge / IE Opera
object-position 31.0 36.0 10.0 16.0 19.0