Atribut Style transformOrigin

Definisi dan penggunaan

transformOrigin Atribut ini memungkinkan Anda mengubah posisi elemen yang telah diubah.

Elemen konversi 2D dapat mengubah sumbu x dan y elemen. Elemen konversi 3D dapat mengubah sumbu z elemen.

Keterangan:Atribut ini harus digunakan bersama dengan Atribut transform Gunakan bersama-sama.

Lihat juga:

Objek Style JavaScript:Atribut transform

Panduan CSS:Atribut transform-origin

Contoh

Atur posisi dasar elemen putar:

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

Coba sendiri

Sintaks

Kembalikan atribut transformOrigin:

object.style.transformOrigin

Atur atribut transformOrigin:

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

Nilai atribut

Nilai Deskripsi
x-axis

Mendefinisikan posisi tampilan di sumbu x. Nilai yang mungkin:

  • left
  • center
  • right
  • length
  • %
y-axis

Mendefinisikan posisi tampilan di sumbu y. Nilai yang mungkin:

  • top
  • center
  • bottom
  • length
  • %
z-axis

Mendefinisikan posisi tampilan di sumbu z. Nilai yang mungkin:

  • length
initial Atur atribut ini ke nilai standarnya. Lihat initial.
inherit Mengambil atribut ini dari elemen induk. Lihat inherit.

Detil teknis

Nilai standar: 50% 50% 0
Nilai kembalian: String, menunjukkan posisi elemen Atribut transform-origin.
Versi CSS: CSS3

Dukungan browser

Angka di tabel menunjukkan versi browser yang pertama yang sepenuhnya mendukung atribut ini.

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