Rekomendasi kursus:
- Halaman sebelumnya pageBreakInside
- Halaman berikutnya perspectiveOrigin
- Kembali ke lapisan atas Objek Style HTML DOM
Atribut Style perspektif
Komentar:
Definisi dan penggunaan
Atribut ini menentukan jarak elemen 3D ke tampilan, dihitung dalam piksel. Atribut ini memungkinkan Anda mengubah sudut pandang untuk melihat elemen 3D. Komentar:
Ketika menentukan
Atribut ini, elemen anaknya akan mendapatkan efek perspektif, bukan elemen sendiri saat atribut ini disetel.Komentar:
perspektif
Atribut ini hanya mempengaruhi elemen transformasi 3D.Petunjuk: Atribut perspektif-origin Gunakan atribut ini bersama-sama untuk dapat mengubah posisi bawah elemen 3D.
Lihat juga:
Objek Style JavaScript:Atribut perspektifOrigin
Panduan CSS:Atribut perspektif
Contoh
Atur sudut pandang untuk elemen penilaian:
document.getElementById("myDIV").style.perspective = "50px";
Sintaks
Kembalikan atribut perspektif:
object.style.perspective
Atur atribut perspektif:
object.style.perspective = "length|none"
Nilai atribut
Nilai | Deskripsi |
---|---|
length | Jarak elemen ke tampilan, dihitung dalam piksel. |
none | Nilai baku. Sama dengan 0. Tidak ada perspektif. |
initial | Atur atribut ini ke nilai baku. Lihat initial. |
inherit | Mewarisi atribut ini dari elemen induk. Lihat inherit. |
Detil teknis
Nilai baku: | Tidak ada |
---|---|
Nilai kembalian: | String, yang menyatakan jarak elemen Atribut perspektif. |
Versi CSS: | CSS3 |
Dukungan browser
Terdapat angka di dalam tabel yang menunjukkan versi paling awal browser yang mendukung atribut ini.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
36.0 | 10.0 | 16.0 | 6.1 | 23.0 |
- Halaman sebelumnya pageBreakInside
- Halaman berikutnya perspectiveOrigin
- Kembali ke lapisan atas Objek Style HTML DOM