Style transformStyle-egenskap
- Föregående sida transformOrigin
- Nästa sida transition
- Åter till föregående nivå HTML DOM Style Object
Definition och användning
transformStyle
Egenskapen anger hur inneslutna element presenteras i 3D-rummet.
Kommentar:Denna egenskap måste användas tillsammans med transform-attribut Använd tillsammans.
Se också:
JavaScript Style-objekt:transform-attribut
CSS Referenshandbok:transform-style-attribut
Exempel
Låt konverterade underordnade element behålla 3D-omvandlingar:
document.getElementById("myDIV").style.transformStyle = "preserve-3d";
Syntaks
Returnera transformStyle-egenskapen:
object.style.transformStyle
Sätt transformStyle-egenskapen:
object.style.transformStyle = "flat|preserve-3d|initial|inherit"
Egenskapsvärde
Värde | Beskrivning |
---|---|
flat | Standardvärde. Underordnade element kommer inte att behålla sin 3D-position. |
preserve-3d | Underordnade element kommer att behålla sin 3D-position. |
initial | Sätt denna egenskap till dess standardvärde. Se initial. |
inherit | Denna egenskap ärver från föräldrelementet. Se inherit. |
Tekniska detaljer
Standardvärde: | flat |
---|---|
Returvärde: | sträng, som anger elementets transform-style-attribut. |
CSS-version: | CSS3 |
Webbläsarstöd
Tabellen siffror anger den första webbläsarens version som helt stöder detta egenskap.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
36.0 | 11.0 | 16.0 | 9.0 | 23.0 |
- Föregående sida transformOrigin
- Nästa sida transition
- Åter till föregående nivå HTML DOM Style Object