Style- Perspektive -Eigenschaft
Beispiel
Legen Sie die Perspektive fest, aus der ein Element betrachtet wird:
document.getElementById("myDIV").style.perspective = "50px";
Definition und Verwendung
Die Eigenschaft „Perspektive“ definiert, wie viele Pixel ein 3D-Element von der Ansicht entfernt ist. Mit dieser Eigenschaft können Sie die Perspektive ändern, wie 3D-Elemente angezeigt werden.
Beim Definieren der perspektivischen Eigenschaft für ein Element erhalten die CHILD-Elemente die perspektivische Ansicht, NICHT das Element selbst.
Hinweis: Die Eigenschaft Perspektive wirkt sich nur auf 3D-transformierte Elemente aus!
Tipp: Verwenden Sie diese Eigenschaft zusammen mit der Eigenschaft perspectiveOrigin , mit der Sie die untere Position von 3D-Elementen ändern können.
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die die Eigenschaft vollständig unterstützt.
Property | |||||
---|---|---|---|---|---|
perspective | 36.0 | 10.0 | 16.0 | 6.1 | 23.0 |
Hinweis: Alte Versionen von Chrome, Safari und Opera unterstützen eine Alternative, die WebkitPerspective-Eigenschaft.
Syntax
Geben Sie die perspektivische Eigenschaft zurück:
object.style.perspective
Legen Sie die Perspektiveneigenschaft fest:
object.style.perspective = "length|none"
Eigenschaftswerte
Value | Description |
---|---|
length | How far the element is placed from the view |
none | Default value. Same as 0. The perspective is not set |
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: | keiner |
---|---|
Rückgabewert: | Ein String, der die perspektivische Eigenschaft eines Elements darstellt |
CSS-Version | CSS3 |
Verwandte Seiten
Objekt im JavaScript-Stil: Eigenschaft perspectiveOrigin
CSS-Referenz: perspektivische Eigenschaft
❮ Style-Objekt