Свойство style perspectiveOrigin

  • Предыдущая страница
  • Следующая страница
  • Вернуться на один уровень выше Объект Style HTML DOM

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

perspectiveOrigin свойство определяет положение 3D элемента по осям X и Y. Это свойство позволяет изменить положение нижней части 3D элемента.

определяет perspectiveOrigin При определении свойства, позиционирование осуществляется относительно подэлемента, а не элемента.

Примечание:Это свойство должно соответствовать свойство perspective Используйте вместе и они влияют только на элементы с 3D преобразованиями!

См. также:

Объект JavaScript Style:свойство perspective

Руководство по CSS:свойство perspective-origin

Пример

Установка базовой позиции 3D элемента:

document.getElementById("myDIV").style.perspectiveOrigin = "10px 50%";

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

Грамматика

Возврат свойства perspectiveOrigin:

объект.style.perspectiveOrigin

Установка свойства perspectiveOrigin:

объект.style.perspectiveOrigin = "x-axis y-axis|initial|inherit"

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

Значение Описание
x-axis

Определяет положение вида по оси X.

  • left
  • center
  • right
  • length
  • %

Значение по умолчанию: 50%

y-axis

Определяет положение вида по оси Y.

Возможные значения:

  • top
  • center
  • bottom
  • length
  • %

Значение по умолчанию: 50%

initial Sets this property to its default value. См. initial
inherit Инherits this property from its parent element. См. inherit

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

Значение по умолчанию: 50% 50%
Возвратное значение: строка, которая указывает на свойство perspective-origin
Версия CSS: CSS3

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

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
36.0 10.0 16.0 6.1 23.0
  • Предыдущая страница
  • Следующая страница
  • Вернуться на один уровень выше Объект Style HTML DOM