CSSPositionValue

Устаревший: Эта функция больше не рекомендуется. Хотя некоторые браузеры могут её поддерживать, она может быть уже удалена из соответствующих веб-стандартов, может быть в процессе удаления или поддерживаться только для совместимости. Избегайте её использования и, если возможно, обновите существующий код; см. таблицу совместимости внизу этой страницы для принятия решения. Имейте в виду, что эта функция может перестать работать в любое время.

Нестандартный: Эта функция нестандартна и не находится на пути к стандартизации. Не используйте её на сайтах, доступных в Интернете: она не будет работать для всех пользователей. Также могут быть значительные несовместимости между реализациями, и поведение может измениться в будущем.

Интерфейс CSSPositionValue API CSS Typed Object Model представляет значения для свойств, которые принимают положение, например object-position.

Конструктор

CSSPositionValue() Нестандартный Устаревший: Создаёт новый объект CSSPositionValue.

Свойства экземпляра

CSSPositionValue.x Нестандартный Устаревший: Возвращает положение элемента по горизонтали на веб-странице.
CSSPositionValue.y Нестандартный Устаревший: Возвращает положение элемента по вертикали.

Методы экземпляра

Нет.

Примеры

В следующем примере контейнер <div> позиционируется на 5 пикселей сверху и 10 пикселей слева от страницы.

const replacedEl = document.getElementById("image");
const position = new CSSPositionValue(CSS.px(35), CSS.px(40));

replacedEl.attributeStyleMap.set("object-position", position);
console.log(position.x.value, position.y.value);
console.log(replacedEl.computedStyleMap().get("object-position"));

Мы устанавливаем свойство object-position, а затем проверяем возвращаемые значения.

Совместимость с браузерами

	Рабочий стол					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`CSSPositionValue`	66	79	Нет	53	Нет	66	Нет	47	Нет	9.0	66
`CSSPositionValue`	66	79	Нет	53	Нет	66	Нет	47	Нет	9.0	66
`x`	66	79	Нет	53	Нет	66	Нет	47	Нет	9.0	66
`y`	66	79	Нет	53	Нет	66	Нет	47	Нет	9.0	66

См. также

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/CSSPositionValue