Contoh
Biarkan elemen anak berubah melestarikan transformasi 3D:
document.getElementById("myDIV").style.transformStyle = "preserve-3d";
Cobalah sendiri " Definisi dan Penggunaan
The transformStyle set properti atau returnd bagaimana unsur-unsur bersarang tersebut diberikan di ruang 3D.
Note: Properti ini harus digunakan bersama-sama dengan mengubah properti.
Dukungan Browser
Properti transformStyle didukung di Firefox.
Chrome, Safari, dan Opera mendukung alternatif, properti WebkitTransformStyle.
Sintaksis
Kembali properti transformStyle:
object .style.transformStyle
Mengatur properti transformStyle:
object .style.transformStyle="flat|preserve-3d|initial|inherit"
Nilai properti
Nilai | Deskripsi |
---|---|
flat | nilai default. Elemen anak tidak akan melestarikan posisi 3D |
preserve-3d | Elemen anak akan melestarikan posisi 3D |
initial | Set properti ini ke nilai default. Baca tentang awal |
inherit | Mewarisi properti ini dari elemen induknya. Baca tentang mewarisi |
Rincian teknis
Nilai default: | datar |
---|---|
Kembali Nilai: | Sebuah String, yang mewakili properti mengubah gaya dari suatu elemen |
CSS Versi | CSS3 |
Pages terkait
Gaya JavaScript Object: transform property
Referensi CSS: transform-style property
<Style Object