Perspektywa styluOrigin Property
Przykład
Ustaw podstawowe położenie elementu 3D:
document.getElementById("myDIV").style.perspectiveOrigin = "10px 50%";
Definicja i użycie
Właściwość PerspektywaOrigin określa, gdzie element 3D jest oparty na osi X i Y. Ta właściwość umożliwia zmianę dolnej pozycji elementów 3D.
Podczas definiowania właściwości perspectiveOrigin dla elementu pozycjonowane są elementy CHILD, a NIE sam element.
Uwaga: Ta właściwość musi być używana razem z właściwością perspektywy i wpływa tylko na elementy przekształcone 3D!
Obsługa przeglądarki
Liczby w tabeli określają pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.
Property | |||||
---|---|---|---|---|---|
perspectiveOrigin | 36.0 | 10.0 | 16.0 | 6.1 | 23.0 |
Uwaga: stare przeglądarki Chrome, Safari i Opera obsługują alternatywę — właściwość WebkitPerspectiveOrigin.
Składnia
Zwróć właściwość perspectiveOrigin:
object.style.perspectiveOrigin
Ustaw właściwość perspectiveOrigin:
object.style.perspectiveOrigin = "x-axis y-axis|initial|inherit"
Wartości nieruchomości
Value | Description |
---|---|
x-axis | Defining where the view is placed at the x-axis Possible values:
Default value: 50% |
y-axis | Defining where the view is placed at the y-axis Possible values:
Default value: 50% |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Szczegóły techniczne
Domyślna wartość: | 50% 50% |
---|---|
Wartość zwrotu: | String, reprezentujący właściwość outlook-origin elementu |
Wersja CSS | CSS3 |
Powiązane strony
JavaScript Style Object: właściwość perspektywy
Dokumentacja CSS: właściwość perspective-origin
❮ Obiekt stylu