Свойство objectPosition стиля

Определение и использование

objectPosition Свойство используется для определения <img> или <video> Как определять положение в его собственном содержимом.

Дополнительная информация:

CSS учебник:CSS object-fit

CSS справочник:Свойство object-position

Пример

Измените размер изображения, чтобы он соответствовал его содержимому, и расположите его в контейнере в 5px слева и 10% сверху:

document.getElementById("myImg").style.objectPosition = "0 10%";

Попробуйте сами

Синтаксис

Вернуть объект Positionattribute:

object.style.objectPosition

Установить объект Position属性:

object.style.objectPosition = "position|initial|inherit"

Значение свойства

Значение Описание
position

Определяет положение изображения или видео в его содержимом.

Первое значение контролирует ось x, второе значение контролирует ось y.

Это может быть строка (left, center или right) или число (в единицах px или %).

Разрешены отрицательные значения.
initial Set this property to its default value. См. initial.
inherit Инherit this property from its parent element. См. inherit.

Технические детали

Значение по умолчанию: 50% 50%
Возвратное значение: Строка или число, указывающее положение элемента в его содержимом.
Версия CSS: CSS3

Поддержка браузеров

Числа в таблице указывают на версию первого браузера, который полностью поддерживает этот атрибут.

Кром Эдж Фаерфокс Сафари Опера
Кром Эдж Фаерфокс Сафари Опера
31.0 16.0 36.0 10.1 19.0