Свойство transformOrigin
Пример style.transformOrigin
Установите базовое размещение повернутого элемента:
document.getElementById("myDIV").style.transformOrigin = "0 0";
Попробуйте сами »
Описание transformOrigin
Свойство transformOrigin позволяет изменять положение преобразованных элементов.
Двумерный преобразованный элемент может изменять оси x и y элемента. Трехмерный преобразованный элемент также может изменять ось z элемента.
Примечание: Это свойство необходимо использовать вместе со свойством transform.
Поддержка transformOrigin
Цифры в таблице указывают первую версию браузера, которая полностью поддерживает данное свойство.
| Свойство | |||||
|---|---|---|---|---|---|
| transformOrigin | 36.0 | 10.0 | 16.0 | 9.0 | 23.0 |
Синтаксис transformOrigin
Вернуть свойство transformOrigin:
object.style.transformOrigin
Установите свойство transformOrigin:
object.style.transformOrigin = "x-axis y-axis z-axis|initial|inherit"
Значение свойства transformOrigin
| Значение | Описание |
|---|---|
| x-axis | Определение того, где будет размещен вид по оси X. Возможные значения:
|
| y-axis | Определение расположения вида на оси Y. Возможные значения:
|
| z-axis | Определение того, где вид будет размещен на оси z (для 3D-преобразований). Возможные значения:
|
| initial | Устанавливает это свойство в значение по умолчанию. Читайте о initial |
| inherit | Наследует это свойство от родительского элемента. Читайте о inherit |
Технические детали transformOrigin
| Значение по умолчанию: | 50% 50% 0 |
|---|---|
| Возвращаемое значение: | Строка, представляющая свойство transform-origin элемента. |
| CSS Версия | CSS3 |
Связанные страницы transformOrigin
JavaScript Style Объект: Свойство transform
CSS Справочник: Свойство transform-origin