Style transformStyle-ominaisuus

Määrittely ja käyttö

transformStyle Asettaa tai palauttaa sisäkkäisten elementtien esityksen 3D-tilassa.

Huomautus:Tämä ominaisuus täytyy määrittää yhdessä transform-ominaisuus Yhdessä käytettävissä.

Katso myös:

JavaScript Style-objekti:transform-ominaisuus

CSS-käyttöohje:transform-style-ominaisuus

Esimerkki

Pitäkää 3D-muunnokset säilyttämättä alaesimerkeissä:

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

Kokeile itse

Syntaksi

Palauta transformStyle-ominaisuus:

object.style.transformStyle

Aseta transformStyle-ominaisuus:

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

Ominaisuuden arvo

Arvo Kuvaus
flat Oletusarvo. Alaesimerkit eivät säilytä 3D-sijaintiaan.
preserve-3d Alaesimerkit säilyttävät 3D-sijainnin.
initial Aseta tämä ominaisuus sen oletusarvoon. Katso initial.
inherit Tämä ominaisuus perii arvonsa vanhemmalta elementiltä. Katso inherit.

Tekninen yksityiskohta

Oletusarvo: flat
Palautusarvo: merkkijono, joka ilmaisee elementin transform-style-ominaisuus.
CSS-versio: CSS3

Selaimen tuki

Taulukossa olevat numerot osoittavat ensimmäisen täysin tukevan selaimen version.

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