Style perspectiveOrigin -Eigenschaft
Beispiel
Legen Sie die Basisplatzierung eines 3D-Elements fest:
document.getElementById("myDIV").style.perspectiveOrigin = "10px 50%";
Definition und Verwendung
Die Eigenschaft perspectiveOrigin definiert, wo ein 3D-Element auf der x- und der y-Achse basiert. Mit dieser Eigenschaft können Sie die untere Position von 3D-Elementen ändern.
Beim Definieren der Eigenschaft perspectiveOrigin für ein Element werden die CHILD-Elemente positioniert, NICHT das Element selbst.
Hinweis: Diese Eigenschaft muss zusammen mit der perspektivischen Eigenschaft verwendet werden und betrifft nur 3D-transformierte Elemente!
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die die Eigenschaft vollständig unterstützt.
Property | |||||
---|---|---|---|---|---|
perspectiveOrigin | 36.0 | 10.0 | 16.0 | 6.1 | 23.0 |
Hinweis: Alte Versionen von Chrome, Safari und Opera unterstützen eine Alternative, die WebkitPerspectiveOrigin-Eigenschaft.
Syntax
Geben Sie die Eigenschaft perspectiveOrigin zurück:
object.style.perspectiveOrigin
Legen Sie die Eigenschaft perspectiveOrigin fest:
object.style.perspectiveOrigin = "x-axis y-axis|initial|inherit"
Eigenschaftswerte
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 |
Technische Details
Standardwert: | 50 % 50 % |
---|---|
Rückgabewert: | Ein String, der die Perspektivenursprungseigenschaft eines Elements darstellt |
CSS-Version | CSS3 |
Verwandte Seiten
JavaScript-Stilobjekt: perspektivische Eigenschaft
CSS-Referenz: Eigenschaft „Perspective-Origin“ .
❮ Style-Objekt