備忘録的プログラミングリファレンス

object-positionプロパティ

 object-positionプロパティは、<img>、<video>などのエレメントの配置を指定するプロパティです。親エレメント(コンテナ)内のどこに配置するかを指定できます。

 object-positionプロパティはobject-fitプロパティと併用します。

<img>、<video>エレメントの配置を指定
object-position: 30% 70%;

構文(Syntax)

CSS

object-position: [ length length ] | initial | inherit;

DOM(JavaScript)

値の取得
String = object.style.objectPosition;
値の設定
object.style.objectPosition="[ length length ] | initial | inherit";

Values

Value摘要
50% 50%初期値(default値)
length lengthCSS長さの単位
initial初期値に戻す
inherit親エレメントのプロパティを継承

備考(Remarks)

初期値(Default value)50% 50%
継承(Inherited)Yes
CSS AnimationYes