Atribut Style transformStyle

Definisi dan Penggunaan

transformStyle Atur atau mengembalikan cara elemen yang tersembunyi menampilkan di ruang 3D.

Keterangan：Atribut ini harus digunakan bersama dengan Atribut transform Dapat digunakan bersama-sama.

Lihat Juga：

Objek Style JavaScript：Atribut transform

Panduan CSS：Atribut transform-style

Contoh

Biarkan elemen anak menghasilkan transformasi 3D：

document.getElementById("myDIV").style.transformStyle = "preserve-3d";

Coba Sendiri

Sintaks

Mengembalikan atribut transformStyle：

object.style.transformStyle

Mengeset atribut transformStyle：

object.style.transformStyle = "flat|preserve-3d|initial|inherit"

Nilai atribut

Nilai Deskripsi
flat Nilai standar. Elemen anak tidak akan mempertahankan posisi 3D-nya.
preserve-3d Elemen anak akan mempertahankan posisi 3D-nya.
initial Mengeset atribut ini ke nilai standarnya. Lihat initial。
inherit Mengeset atribut ini untuk mengambil nilai dari elemen induk. Lihat inherit。

Detil Teknis

Nilai standar： flat
Nilai kembalian： String, menunjukkan posisi elemen Atribut transform-style。
Versi CSS： CSS3

Dukungan Browser

Tabelnya menunjukkan versi browser yang sepenuhnya mendukung atribut ini.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
36.0 11.0 16.0 9.0 23.0