Sifat transformStyle Style
- Halaman sebelumnya transformOrigin
- Halaman berikutnya transition
- Kembali ke lapisan atas Objek Style HTML DOM
Definisi dan penggunaan
transformStyle
Setel atau kembalikan cara penggambangan elemen yang terdapat di dalam ruang 3D.
Keterangan:Sifat ini harus disesuaikan dengan Sifat transform Gunakan bersama-sama.
Lihat juga:
Objek Style JavaScript:Sifat transform
Panduan CSS:Sifat transform-style
Contoh
Biarkan anak elemen yang diubah tetap mempertahankan transformasi 3D:
document.getElementById("myDIV").style.transformStyle = "preserve-3d";
Sintaks
Kembalikan sifat transformStyle:
object.style.transformStyle
Setel sifat transformStyle:
object.style.transformStyle = "flat|preserve-3d|initial|inherit"
Nilai sifat
Nilai | Deskripsi |
---|---|
flat | Nilai baku. Anak elemen tidak akan mempertahankan posisi 3D-nya. |
preserve-3d | Anak elemen akan mempertahankan posisi 3D-nya. |
initial | Setel sifat ini ke nilai baku. Lihat initial. |
inherit | Inherits this property from its parent element. Lihat inherit. |
Detil teknis
Nilai baku: | flat |
---|---|
Nilai kembalian: | String, yang menyatakan posisi elemen Sifat transform-style. |
Versi CSS: | CSS3 |
Dukungan peramban
Terdapat angka di dalam tabel yang menunjukkan versi paling awal peramban yang mendukung sifat ini.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
36.0 | 11.0 | 16.0 | 9.0 | 23.0 |
- Halaman sebelumnya transformOrigin
- Halaman berikutnya transition
- Kembali ke lapisan atas Objek Style HTML DOM