CSS transform-style ominaisuus

Määrittely ja käyttö

transform-style ominaisuus määrittää, miten sisäänrakennetut elementit esitetään 3D-tilassa.

Huomautus:Tämä ominaisuus täytyy käyttää yhdessä: transform ominaisuudet käytetään yhdessä.

Katso myös:

CSS3 oppikirja:CSS3 2D muunnos

CSS3 oppikirja:CSS3 3D muunnos

HTML DOM viittausoppikirja:transformStyle ominaisuus

esimerkki

Pitäkää muutettujen alasijojen 3D-muunnos tallessa:

div {
  transform: rotateY(60deg);
  transform-style: preserve-3d;
}

Kokeile itse

CSS syntaksi

transform-style: taso|preserve-3d;

Ominaisuusarvo

Arvo Kuvaus
taso Alasijat eivät säilytä 3D-sijainnin.
preserve-3d Alasijat säilyttävät 3D-sijainnin.

Tekninen yksityiskohta

Oletusarvo: taso
Perinnäisyys: ei
Versio: CSS3
JavaScript syntaksi: object.style.transformStyle="preserve-3d"

Selaimen tuki

Taulukossa olevat numerot osoittavat ensimmäisen selaimen version, joka tukee kyseistä ominaisuutta täysin.

Numerot -webkit- tai -moz- etuliitteillä osoittavat ensimmäisen version, jota etuliite käytetään.

Chrome IE / Edge Firefox Safari Opera
36.0
12.0 -webkit-		 11.0 16.0
10.0 -moz-		 9.0
4.0 -webkit-		 23.0
15.0 -webkit-