Свойство objectPosition
Пример style.objectPosition
Измените размер изображения так, чтобы оно соответствовало полю содержимого, и расположите изображение на расстоянии 5 пикселей от левого края и 10% от верхнего края внутри поля содержимого:
document.getElementById("myImg").style.objectPosition = "0 10%";
Попробуйте сами »
Описание objectPosition
Свойство objectPosition используется для указания того, как <img> или <video> должны располагаться в его собственном поле содержимого.
Поддержка objectPosition
Цифры в таблице указывают первую версию браузера, которая полностью поддерживает данное свойство.
| Свойство | |||||
|---|---|---|---|---|---|
| objectPosition | 31.0 | 16.0 | 36.0 | 10.1 | 19.0 |
Синтаксис objectPosition
Вернуть свойство objectPosition:
object.style.objectPosition
Установите свойство objectPosition:
object.style.objectPosition = "position|initial|inherit"
Значение свойства objectPosition
| Значение | Описание |
|---|---|
| position | Указывает положение изображения или видео внутри его поля содержимого. Первое значение управляет осью x, а второе значение управляет осью y. Может быть строкой (слева, по центру или справа) или числом (в пикселях или %). Отрицательные значения допускаются. |
| initial | Устанавливает для этого свойства значение по умолчанию. Читайте о initial |
| inherit | Наследует это свойство от своего родительского элемента. Читайте о inherit |
Технические детали objectPosition
| Значение по умолчанию: | 50% 50% |
|---|---|
| Возвращаемое значение: | Строка или число, представляющие положение элемента в его содержимом. |
| CSS Версия | CSS3 |
Связанные страницы objectPosition
CSS Учебник: CSS object-fit
CSS Справочник: Свойство object-position