Latest web development tutorials

Obiekt HTML DOM Style perspectiveOrigin

Styl Object Reference styl Przedmioty

Przykłady

Elementy 3D ustawić położenie punktu:

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

Spróbuj »

Definicja i Wykorzystanie

perspectiveOrigin definicję atrybutu elementy 3D oparte na osi X i osi Y. Ta właściwość pozwala na zmianę położenia dolnej części elementów 3D.

Gdy element jest zdefiniowany perspectiveOrigin atrybuty elementów potomnych uzyskać ich efekt perspektywiczny, zamiast samego elementu.

Uwaga: Ta właściwość perspektywiczny atrybut, ale dotyka tylko element konwersji 3D!


Pomoc Browser

Internet ExplorerFirefoxOperaGoogle ChromeSafari

IE10 + i wsparcie Firefox nieruchomość perspectiveOrigin.

Chrome, Safari i Opera wspiera inną alternatywę atrybutu właściwość, że WebkitPerspecitveOrigin nieruchomości.


gramatyka

Powrót właściwości perspectiveOrigin:

object .style.perspectiveOrigin

Ustawianie właściwości perspectiveOrigin:

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

Wartość nieruchomości

描述
x-axis 定义该视图在 x 轴上的位置。

可能的值:

  • left
  • center
  • right
  • length
  • %

默认值:50%

y-axis 定义该视图在 y 轴上的位置。

可能的值:

  • top
  • center
  • bottom
  • length
  • %

默认值:50%

initial 设置该属性为它的默认值。请参阅 initial
inherit 从父元素继承该属性。请参阅 inherit

dane techniczne

Domyślnie: 50% 50%
Zwraca: Ciąg reprezentujący perspektywy początkowego elementu właściwości.
wersja CSS CSS3


Powiązane artykuły

Styl JavaScript Object: Właściwości Perspective

CSS: atrybut Perspektywa pochodzenia


Styl Object Reference styl Przedmioty