aturan Style perspectiveOrigin

definisi dan penggunaan

perspectiveOrigin aturan ini mendefinikan posisi 3D elemen di sumbu x dan y. Atribut ini memungkinkan Anda mengubah posisi bawah elemen 3D.

pada saat mendefinikan atribut perspectiveOrigin ketika mengatur atribut ini, lokasi yang ditempatkan adalah elemen anak, bukan elemen sendiri.

catatan:aturan ini harus disesuaikan dengan aturan perspektif digunakan bersama-sama, dan hanya mempengaruhi elemen yang melakukan transisi 3D!

lihat juga:

objek Style JavaScript:aturan perspektif

panduan CSS:aturan perspective-origin

contoh

aturkan posisi dasar elemen 3D:

document.getElementById("myDIV").style.perspectiveOrigin = "10px 50%";

cobalah sendiri

sintaks

kembalikan atribut perspectiveOrigin:

objek.style.perspectiveOrigin

aturkan atribut perspectiveOrigin:

objek.style.perspectiveOrigin = "x-axis y-axis|initial|inherit"

nilai atribut

nilai deskripsi
sumbu-x

mengdefinikan posisi tampilan di sumbu x.

  • kiri
  • tengah
  • kanan
  • panjang
  • %

nilai standar: 50%
sumbu-y

mengdefinikan posisi tampilan di sumbu y.

nilai yang mungkin:

  • atas
  • tengah
  • bawah
  • panjang
  • %

nilai standar: 50%
initial aturkan atribut ini ke nilai standarnya. Lihat initial。
inherit mengambil atribut ini dari elemen induknya. Lihat inherit。

detil teknis

nilai standar: 50% 50%
nilai kembalian: string, menunjukkan elemen aturan perspective-origin。
Versi CSS: CSS3

Dukungan Browser

Angka di tabel menunjukkan versi browser yang mendukung fitur ini penuh.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
36.0 10.0 16.0 6.1 23.0