Style eigenschap transformStyle

Definitie en gebruik

transformStyle Eigenschap instellen of retourneren van de weergave van ingesloten elementen in de 3D-ruimte.

Opmerking:Deze eigenschap moet samen worden gebruikt met Eigenschap transform Gebruik samen

Zie ook:

JavaScript Style ObjectEigenschap transform

CSS ReferentiemanualEigenschap transform-style

Voorbeeld

Laat de omgekeerde onderliggende elementen de 3D-conversie behouden:

document.getElementById("myDIV").style.transformStyle = "preserve-3d";

Probeer het zelf

Syntaxis

Retourneren van de eigenschap transformStyle:

object.style.transformStyle

Instellen van de eigenschap transformStyle:

object.style.transformStyle = "flat|preserve-3d|initial|inherit"

Eigenschapswaarde

Waarde Beschrijving
vlak Standaardwaarde. De onderliggende elementen behouden hun 3D-positie niet.
preserve-3d De onderliggende elementen behouden hun 3D-positie.
initial Stel deze eigenschap in op zijn standaardwaarde. Raadpleeg initial.
inherit Deze eigenschap wordt van de ouderlijke elementen geërfd. Raadpleeg inherit.

Technische details

Standaardwaarde: vlak
Retourwaarde: tekenreeks die de positie van het element Eigenschap transform-style.
CSS-versie: CSS3

Browserondersteuning

Tafelnummers vermelden de eerste browserversie die deze eigenschap volledig ondersteunt.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
36.0 11.0 16.0 9.0 23.0