Sifat transformOrigin Style

Definisi dan penggunaan

transformOrigin Sifat ini memungkinkan anda mengubah lokasi elemen yang telah diubah.

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

Keterangan:Sifat ini mesti disesuaikan dengan Sifat transform Digunakan bersama-sama.

Lihat juga:

Objek Style JavaScript:Sifat transform

Panduan CSS:Sifat transform-origin

Contoh

Tetapkan posisi asas elemen putar:

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

Coba sendiri

Sintaks

Kembalian sifat transformOrigin:

object.style.transformOrigin

Tetapkan sifat transformOrigin:

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

Nilai sifat

Nilai Deskripsi
x-axis

Mendefinikan tempat letak tampilan di sumbu x. Nilai yang mungkin:

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

Mendefinikan tempat letak tampilan di sumbu y. Nilai yang mungkin:

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

Mendefinikan tempat letak tampilan di sumbu z. Nilai yang mungkin:

  • length
initial Tetapkan sifat ini ke nilai lalai. Lihat initial.
inherit Mewarisi sifat ini dari elemen induk. Lihat inherit.

Detil teknikal

Nilai lalai: 50% 50% 0
Hasil kembalian: String, menunjukkan posisi elemen Sifat transform-origin.
Versi CSS: CSS3

Dukungan pereka

Angka di dalam tabel menunjukkan versi pereka penuh yang mendukung sifat ini.

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