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 perspectiveOrigin недвижимость

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

примеров

3D элементы установить положение точки:

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

Попробуйте »

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

perspectiveOrigin определения атрибута 3D-элементы, основанные на оси Х и Y-оси. Это свойство позволяет изменить положение нижней части 3D-элементов.

Когда элемент определяется perspectiveOrigin атрибуты, дочерние элементы получают эффект перспективы, а не сам элемент.

Примечание: В этом отеле в перспективе атрибут, но влияет только на элемент преобразования 3D!


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

Internet ExplorerFirefoxOperaGoogle ChromeSafari

IE10 + и поддержка Firefox perspectiveOrigin собственности.

Chrome, Safari и Opera поддерживают другую альтернативу атрибута собственности, WebkitPerspecitveOrigin свойство.


грамматика

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

object .style.perspectiveOrigin

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

object .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 设置该属性为它的默认值。请参阅 initial
inherit 从父元素继承该属性。请参阅 inherit

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

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


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

JavaScript Стиль объекта: Свойства Перспективные

CSS Ссылка: атрибут Перспективный-Origin


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