Beispiel
Lassen Sie die transformierten Kind Elemente, die die 3D-Transformationen erhalten:
document.getElementById("myDIV").style.transformStyle = "preserve-3d";
Versuch es selber " Definition und Verwendung
Die transformStyle Eigenschaft legt returnd wie verschachtelte Elemente im 3D-Raum wiedergegeben.
Note: Diese Eigenschaft muss zusammen mit dem verwendet werden , verwandelt Eigenschaft.
Browser-Unterstützung
Die transformStyle Eigenschaft wird in Firefox unterstützt.
Chrome, Safari und Opera unterstützen eine Alternative, die WebkitTransformStyle Eigenschaft.
Syntax
Bringen Sie die transformStyle Eigenschaft:
object .style.transformStyle
Stellen Sie die transformStyle Eigenschaft:
object .style.transformStyle="flat|preserve-3d|initial|inherit"
Eigenschaftswerte
Wert | Beschreibung |
---|---|
flat | Standardwert. Die Elemente Kind nicht seine 3D bewahren Position |
preserve-3d | Die untergeordneten Elemente werden seine 3D-Position bewahren |
initial | Setzt diese Eigenschaft auf den Standardwert. Lesen Sie mehr über Anfang |
inherit | Erbt diese Eigenschaft von seinem übergeordneten Elemente. Lesen Sie mehr über erben |
Technische Details
Standardwert: | Wohnung |
---|---|
Rückgabewert: | Ein String, die die Transform-Stil Eigenschaft eines Elements |
CSS Version | CSS3 |
Verwandte Seiten
JavaScript Style - Objekt: transform property
CSS - Referenz: transform-style property
<Style - Objekt