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

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

transformOrigin Свойство позволяет изменять положение преобразованного элемента.

Элементы 2D-трансформации могут изменять ось x и ось y элемента. Элементы 3D-трансформации также могут изменять ось z элемента.

Комментарий:Этот атрибут должен соответствовать Свойство transform Использование вместе.

См. также:

Объект стиля JavaScript:Свойство transform

CSS справочник:Атрибут transform-origin

Пример

Установка базового положения элемента для вращения:

document.getElementById("myDIV").style.transformOrigin = "0 0";

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

Синтаксис

Возврат свойства transform-origin:

object.style.transformOrigin

Установка свойства transform-origin:

object.style.transformOrigin = "x-axis y-axis z-axis|initial|inherit"

Значение атрибута

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

Определяет положение视图 на оси x. Возможные значения:

  • left
  • center
  • right
  • length
  • %
y-axis

Определяет положение视图 на оси y. Возможные значения:

  • top
  • center
  • bottom
  • length
  • %
z-axis

Определяет положение视图 на оси z. Возможные значения:

  • length
initial Этот атрибут устанавливается в значение по умолчанию. См. initial.
inherit Этот атрибут наследуется от родительского элемента. См. inherit.

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

Значение по умолчанию: 50% 50% 0
Возвратное значение: Строка, представляющая Атрибут transform-origin.
Версия CSS: CSS3

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

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
36.0 10.0 16.0 9.0 23.0