CSS object-position属性

此CSS属性用于指定容器内内容的对齐方式。它与object-fit属性一起使用，以描述元素如何

使用object-fit属性时，object-position的默认值为50％50％，因此，默认情况下，所有图像都位于其容器的中心。我们可以使用object-position属性更改默认对齐方式。

句法

object-position:  | inherit | initial;

属性值

position：它定义了视频或图像在容器中的位置。它采用两个数值(例如0 10px)，其中第一个值管理x轴，而第二个值控制y轴。它可以是字符串(左，右或中心)，也可以是数字(以％或px为单位)。它允许负值。其默认值为50％50％。我们可以使用右上，左下等字符串值。

initial：将属性设置为默认值。

inherit：它从其父元素继承属性。

现在，让我们看一些示例，这些示例将说明object-position属性。

例

 object-position: 90px 200px 

输出量

程序执行完后，我们将获得下图所示的输出。

示例-使用“中心顶部”

object-position: center top

输出量

示例-使用“右上角”

object-position: center top

输出量

示例-使用“左上”

object-position: left top

输出量

示例-使用“初始”

当我们使用初始值时，图像将定位在中心。这是因为初始值将属性设置为其默认值，即50％50％。

 object-position: initial

输出量