Kursempfehlung:

Style perspectiveOrigin Eigenschaft

perspectiveOrigin Definition und Verwendung

wenn die Eigenschaft definiert wird, legt sie die Position des 3D-Elements auf der x- und y-Achse fest. Diese Eigenschaft ermöglicht es Ihnen, die Position des 3D-Elements am Boden zu ändern. perspectiveOrigin wenn auf die Eigenschaft zugegriffen wird, wird die Position des Kindeslementes, nicht die des Elements selbst, bestimmt.

Kommentare:Diese Eigenschaft muss mit perspective Eigenschaft Gemeinsam verwendet und beeinflusst nur Elemente mit 3D-Transformationen!

Siehe auch:

JavaScript Style Objekt:perspective Eigenschaft

CSS Referenzhandbuch:perspective-origin Eigenschaft

Beispiel

Basisposition des 3D-Elements festlegen:

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

Versuchen Sie es selbst!

Syntax

Rückgabe der perspectiveOrigin Eigenschaft:

object.style.perspectiveOrigin

perspectiveOrigin Eigenschaft setzen:

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

Eigenschaftswert

Wert Beschreibung
x-axis

Definiert die Position der Ansicht auf der x-Achse.

  • left
  • center
  • right
  • length
  • %

Standardwert: 50%
y-axis

Definiert die Position der Ansicht auf der y-Achse.

Mögliche Werte:

  • top
  • center
  • bottom
  • length
  • %

Standardwert: 50%
initial Diese Eigenschaft auf ihren Standardwert setzen. Siehe initial.
inherit Diese Eigenschaft wird von ihrem übergeordneten Element geerbt. Siehe inherit.

Technische Details

Standardwert: 50% 50%
Rückgabewert: Zeichenkette, die den perspective-origin Eigenschaft.
CSS-Version: CSS3

Browserunterstützung

Die in der Tabelle angegebenen Zahlen zeigen die Versionsnummer des ersten Browsers, der diese Eigenschaft vollständig unterstützt.

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