Atrybut Style perspectiveOrigin

Definicja i użycie

perspectiveOrigin Atrybut definiuje pozycję 3D elementu na osi x i y. Pozwala zmienić pozycję dolną elementu 3D.

w definiowaniu elementu perspectiveOrigin Atrybutu, pozycja lokalizacji to element podrzędny, a nie sam element.

Komentarz:Ten atrybut musi być używany z Atrybut perspective Używane razem, wpływają tylko na elementy z przekształceniami 3D!

Zobacz również:

Obiekt Style w JavaScriptie:Atrybut perspective

Podręcznik CSS:属性 perspective-origin

Przykład

Ustawienie punktu odniesienia dla elementu 3D:

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

Spróbuj sam!

Gramatyka

Zwróć atrybut perspectiveOrigin:

obiekt.style.perspectiveOrigin

Ustawienie atrybutu perspectiveOrigin:

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

Wartość atrybutu

Wartość Opis
osi x

Definiuje pozycję widoku na osi x.

  • left
  • center
  • right
  • length
  • %

Domyślna wartość: 50%
osi y

Definiuje pozycję widoku na osi y.

Możliwe wartości:

  • top
  • center
  • bottom
  • length
  • %

Domyślna wartość: 50%
initial Ustawienie tej wartości na jej wartość domyślną. Zobacz: initial。
inherit Inherbuje tę wartość od elementu nadrzędnego. Zobacz: inherit。

Szczegóły techniczne

Domyślna wartość: 50% 50%
Wartość zwracana: łańcuch, który reprezentuje 属性 perspective-origin。
Wersja CSS: CSS3

Wsparcie przeglądarek

Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
36.0 10.0 16.0 6.1 23.0