Свойство стиля transformOrigin
Пример
Установите базовое размещение повернутого элемента:
document.getElementById("myDIV").style.transformOrigin = "0 0";
Определение и использование
Свойство transformOrigin позволяет изменить положение преобразованных элементов.
2D-трансформированный элемент может изменять оси x и y элемента. Элемент 3D-преобразования также может изменить ось z элемента.
Примечание. Это свойство необходимо использовать вместе со свойством преобразования .
Поддержка браузера
Цифры в таблице указывают на первую версию браузера, которая полностью поддерживает это свойство.
Property | |||||
---|---|---|---|---|---|
transformOrigin | 36.0 | 10.0 9.0 msTransformOrigin |
16.0 | 9.0 | 23.0 |
Синтаксис
Вернуть свойство transformOrigin:
object.style.transformOrigin
Установите свойство transformOrigin:
object.style.transformOrigin = "x-axis y-axis z-axis|initial|inherit"
Значения свойств
Value | Description |
---|---|
x-axis | Defining where the view is placed at the x-axis. Possible values:
|
y-axis | Defining where the view is placed at the y-axis. Possible values:
|
z-axis | Defining where the view is placed at the z-axis (for 3D transforms). Possible values:
|
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Технические детали
Значение по умолчанию: | 50% 50% 0 |
---|---|
Возвращаемое значение: | Строка, представляющая свойство transform-origin элемента. |
CSS-версия | CSS3 |
Связанные страницы
Объект стиля JavaScript: свойство преобразования
Справочник по CSS: свойство transform-origin
❮ Объект стиля