CSSobject-position<img>または<video>をコンテナー内に配置する方法を指定するために使用されます。

画像

次のパリの画像を見てください。これは400x300ピクセルです。

次に、object-fit: cover;縦横比を維持し、指定された寸法を埋めます。ただし、画像は次のように収まるように切り取られます。

object-positionプロパティの使用

表示されている画像の一部が、希望どおりに配置されていないとしましょう。画像を配置するには、object-position財産。

ここでは、object-position古い建物が中央になるように画像を配置するプロパティ:

ここでは、object-position有名なエッフェル塔が中央になるように画像を配置するプロパティ:

CSS Object-*プロパティ

次の表に、CSS object-*プロパティを示します。