Spec-Zone.ru › Web APIs

CSSPositionValue: свойство x

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

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

Свойство x интерфейса CSSPositionValue возвращает позицию элемента по горизонтали на веб-странице.

Значение

Значение типа CSSNumericValue.

Примеры

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

let someDiv = document.getElementById("container");
let position = new CSSPositionValue(CSS.px(5), CSS.px(10));

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

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

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

См. также

  • CSSPositionValue()
  • CSSPositionValue.y
  • Использование CSS Typed OM
  • API CSS Typed Object Model

© 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/x

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API