Latest web development tutorials

Properti HTML DOM Style transformOrigin

Gaya Referensi Obyek gaya Objects

contoh

Set posisi titik elemen rotary:

document.getElementById("myDIV").style.transformOrigin="0 0";

Coba »

Definisi dan Penggunaan

transformOrigin properti memungkinkan Anda untuk mengubah posisi elemen yang akan dikonversi.

Unsur konversi 2D mampu mengubah elemen X dan sumbu Y. Unsur konversi 3D dapat mengubah elemen Z.

Catatan: Properti ini harus mengubah digunakan dengan properti.

Dukungan Browser

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 10, Firefox dan dukungan Opera properti transformOrigin.

Internet Explorer 9 mendukung alternatif lain dari properti atribut bahwa properti msTransformOrigin (hanya untuk konversi 2D).

Chrome, Safari dan Opera mendukung alternatif lain dari atribut properti yang WebkitTransformOrigin properti (dapat digunakan untuk 3D dan 2D konversi).

tatabahasa

Kembali sifat transformOrigin:

object .style.transformOrigin

Pengaturan properti transformOrigin:

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

Nilai properti

值 描述
x-axis 定义视图被置于 X 轴的何处。可能的值：
  • left
  • center
  • right
  • length
  • %
y-axis 定义视图被置于 Y 轴的何处。可能的值：
  • top
  • center
  • bottom
  • length
  • %
z-axis 定义视图被置于 Z 轴的何处（用于 3D 转换）。可能的值：
  • length
initial 设置该属性为它的默认值。请参阅 initial 。
inherit 从父元素继承该属性。请参阅 inherit 。

rincian teknis

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

Artikel terkait

Gaya objek JavaScript: Transform properti

CSS Reference Manual: Transform properti-Asal

Gaya Referensi Obyek gaya Objects