Latest web development tutorials
×

JavaScript & HTML DOM справочное руководство

обзор

JavaScript объекты

JavaScript Array объекты JavaScript Boolean объекты JavaScript Date объекты JavaScript Math объекты JavaScript Number объекты JavaScript String объекты JavaScript RegExp объекты JavaScript Глобальные свойства / функции JavaScript операторы

Browser объекты

Window объекты Navigator объекты Screen объекты History объекты Location объекты

DOM объекты

HTML DOM Document объекты HTML DOM объект Element HTML DOM Атрибут объекта HTML DOM объекты событий

HTML объекты

<a> <area> <audio> <base> <blockquote> <body> <button> <canvas> <col> <colgroup> <datalist> <del> <details> <dialog> <embed> <fieldset> <form> <iframe> <frameset > <img> <ins> <input> - button <input> - checkbox <input> - color <input> - date <input> - datetime <input> - datetime-local <input> - email <input> - file <input> - hidden <input> - image <input> - month <input> - number <input> - range <input> - password <input> - radio <input> - reset <input> - search <input> - submit <input> - text <input> - time <input> - url <input> - week <keygen> <link> <label> <legend> <li> <map> <menu> <menuItem> <meta> <meter> <object> <ol> <optgroup> <option> <param> <progress> <q> <script> <select> <source> <style> <table> <td> <th> <tr> <textarea> <title> <time> <track> <video>

HTML DOM Style transformOrigin недвижимость

Стиль Ссылка на объект Стиль Объекты

примеров

Установить положение точки поворотные элементы:

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

Попробуйте »

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

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

преобразовательный элемент 2D способен изменять элементы осей Х и Y.. преобразовательный элемент 3D может изменять элементы Z.

Примечание: Это свойство должно преобразовать использоваться со свойством.

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

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 10, Firefox и поддержка Opera transformOrigin собственности.

Internet Explorer 9 поддерживает другой альтернативный свойства атрибута, что msTransformOrigin свойство (только для 2D-преобразования).

Chrome, Safari и Opera поддерживают другую альтернативу атрибута собственности, WebkitTransformOrigin свойство (может быть использована для 3D и 2D-преобразования).

грамматика

Назад свойства transformOrigin:

object .style.transformOrigin

Настройка свойств transformOrigin:

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 轴的何处（用于 3D 转换）。可能的值：
  • length
initial 设置该属性为它的默认值。请参阅 initial 。
inherit 从父元素继承该属性。请参阅 inherit 。

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

По умолчанию: 50% 50% 0
Возвращает: Строка, представляющая элемент свойства преобразования происхождения.
версия CSS CSS3

Статьи по Теме

Объекты JavaScript Стиль: Трансформация собственности

CSS Reference Manual: Трансформирование свойство-Origin

Стиль Ссылка на объект Стиль Объекты