1. Rumah
  2. CSS3 mengubah gaya properti

Tutorial CSS3 mengubah gaya properti Terbaik Pada tahun 2024, Dalam tutorial ini Anda dapat mempelajari contoh,Dukungan Browser,Definisi atribut dan petunjuk,tatabahasa,

CSS3 mengubah gaya properti

contoh

Biarkan elemen anak ke konversi pemesanan 3D:

div
{
transform: rotateY (60deg);
mengubah gaya: melestarikan-3d;
-webkit-transform: rotateY (60deg); / * Safari dan Chrome * /
-webkit-transform-style: melestarikan-3d; / * Safari dan Chrome * /
}

Coba »

Dukungan Browser

Angka dalam tabel tersebut merupakan browser pertama yang mendukung nomor versi properti.

Segera setelah -webkit- digital, -ms- atau moz lalu mendukung awalan atribut nomor versi browser pertama.

属性
transform-style 36.0
12.0 -webkit-		 11.0 16.0
10.0 -moz-		 9.0
4.0 -webkit-		 23.0
15.0 -webkit-

Definisi atribut dan petunjuk

Transformasi - atribut style untuk menentukan bagaimana elemen bersarang tersebut diberikan di ruang tiga dimensi.

Catatan: Properti ini harus terlebih dahulu mengubah properti.

pengguna Safari / Chrome: Untuk lebih memahami transformasi - properti gaya, lihat contoh menunjukkan .

default: flat
warisan: tidak
versi: CSS3
sintaks JavaScript: keberatan .style.transformStyle = "melestarikan-3d"

tatabahasa

mengubah gaya: datar | melestarikan-3d;

nilai deskripsi
flat elemen anak tidak akan mempertahankan posisi 3D.
melestarikan-3d elemen anak akan mempertahankan posisi 3D.

Tutorial Panas

Hubungi kami

CSS3 mengubah gaya properti
10/30