Style transformStyle egenskap
- Forrige side transformOrigin
- Næste side transition
- Gå tilbage til forrige niveau HTML DOM Style Object
Definisjon og bruk
transformStyle
Egenskapen setter eller returnerer hvordan innheksede elementer vises i 3D-rommet.
Kommentarer:Denne egenskapen må brukes sammen med transform egenskap Bruk sammen
Se også:
JavaScript Style objekt:transform egenskap
CSS referansehåndbok:transform-style egenskap
Eksempel
La de konverterte underordnede elementene beholde 3D-omforming:
document.getElementById("myDIV").style.transformStyle = "preserve-3d";
Syntaks
Returner transformStyle egenskap:
object.style.transformStyle
Sett transformStyle egenskap:
object.style.transformStyle = "flat|preserve-3d|initial|inherit"
Egenskapsverdi
Verdi | Beskrivelse |
---|---|
flat | Standardverdi. Underordnede elementer vil ikke beholde sin 3D posisjon. |
preserve-3d | Underordnede elementer vil beholde sin 3D posisjon. |
initial | Sett denne egenskapen til sin standardverdi. Se initial. |
inherit | Arve denne egenskapen fra foreldrelementet. Se inherit. |
Teknisk detalj
Standardverdi: | flat |
---|---|
Tilbakeverdi: | streng, som representerer elementets transform-style egenskap. |
CSS versjon: | CSS3 |
Nettleserstøtte
Tabellen nummererer den første nettleseren som fullt ut støtter denne egenskapen.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
36.0 | 11.0 | 16.0 | 9.0 | 23.0 |
- Forrige side transformOrigin
- Næste side transition
- Gå tilbage til forrige niveau HTML DOM Style Object