Latest web development tutorials

Properti HTML DOM Style perspectiveOrigin

Gaya Referensi Obyek gaya Objects

contoh

elemen 3D mengatur posisi titik:

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

Coba »

Definisi dan Penggunaan

perspectiveOrigin elemen definisi atribut 3D berdasarkan sumbu X dan Y-axis. Properti ini memungkinkan Anda untuk mengubah posisi bawah elemen 3D.

Ketika unsur didefinisikan perspectiveOrigin atribut, elemen anak mendapatkan efek perspektif mereka, daripada elemen itu sendiri.

Catatan: Harap ini properti perspektif atribut, tetapi hanya mempengaruhi unsur konversi 3D!


Dukungan Browser

Internet ExplorerFirefoxOperaGoogle ChromeSafari

IE10 + dan dukungan Firefox properti perspectiveOrigin.

Chrome, Safari dan Opera mendukung alternatif lain dari atribut properti yang WebkitPerspecitveOrigin properti.


tatabahasa

Kembali perspectiveOrigin sifat:

object .style.perspectiveOrigin

Pengaturan properti perspectiveOrigin:

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

Nilai properti

描述
x-axis 定义该视图在 x 轴上的位置。

可能的值:

  • left
  • center
  • right
  • length
  • %

默认值:50%

y-axis 定义该视图在 y 轴上的位置。

可能的值:

  • top
  • center
  • bottom
  • length
  • %

默认值:50%

initial 设置该属性为它的默认值。请参阅 initial
inherit 从父元素继承该属性。请参阅 inherit

rincian teknis

default: 50% 50%
Pengembalian: String yang mewakili perspektif asal elemen properti.
versi CSS CSS3


Artikel terkait

Gaya JavaScript Object: Perspektif Properti

CSS Referensi: atribut Perspektif-Asal


Gaya Referensi Obyek gaya Objects