tutorial pengembangan web terbaru
 

Style transformOrigin Property

<Style Object

Contoh

Mengatur penempatan basis elemen yang diputar ini:

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

Definisi dan Penggunaan

Properti transformOrigin memungkinkan Anda untuk mengubah posisi pada elemen berubah.

2D berubah elemen dapat mengubah x dan y-sumbu elemen. 3D ditransformasikan elemen juga dapat mengubah z-sumbu elemen.

Note: Properti ini harus digunakan bersama-sama dengan mengubah properti.


Dukungan Browser

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Properti transformOrigin didukung di Internet Explorer 10, Firefox, dan Opera.

Internet Explorer 9 mendukung alternatif, properti msTransformOrigin, tapi hanya untuk 2D-transformasi.

Chrome, Safari, dan Opera mendukung alternatif, properti WebkitTransformOrigin, baik 2D- dan 3D-transfoms.


Sintaksis

Kembali properti transformOrigin:

object .style.transformOrigin

Mengatur properti transformOrigin:

object .style.transformOrigin=" Nilai properti
Nilai Deskripsi
x-axis Mendefinisikan mana pandangan ditempatkan di sumbu x. Kemungkinan nilai:
  • kiri
  • pusat
  • kanan
  • length
  • %
y-axis Mendefinisikan mana pandangan ditempatkan di sumbu-y. Kemungkinan nilai:
  • puncak
  • pusat
  • bawah
  • length
  • %
z-axis Mendefinisikan mana pandangan ditempatkan di z-axis (for 3D transforms) . Kemungkinan nilai:
  • length
initial Set properti ini ke nilai default. Baca tentang awal
inherit Mewarisi properti ini dari elemen induknya. Baca tentang mewarisi

Rincian teknis

Nilai default: 50% 50% 0
Kembali Nilai: Sebuah String, yang mewakili properti mengubah-asal dari suatu unsur
CSS Versi CSS3

Pages terkait

Gaya JavaScript Object: transform property

Referensi CSS: transform-origin property


<Style Object