Transformasi gaya , Properti Asal
Contoh
Setel penempatan dasar elemen yang diputar:
document.getElementById("myDIV").style.transformOrigin = "0 0";
Definisi dan Penggunaan
Properti transformOrigin memungkinkan Anda untuk mengubah posisi pada elemen yang diubah.
Elemen transformasi 2D dapat mengubah sumbu x dan y elemen. Elemen transformasi 3D juga dapat mengubah sumbu z elemen.
Catatan: Properti ini harus digunakan bersama dengan properti transformasi .
Dukungan Peramban
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.
Property | |||||
---|---|---|---|---|---|
transformOrigin | 36.0 | 10.0 9.0 msTransformOrigin |
16.0 | 9.0 | 23.0 |
Sintaksis
Kembalikan properti transformOrigin:
object.style.transformOrigin
Setel properti transformOrigin:
object.style.transformOrigin = "x-axis y-axis z-axis|initial|inherit"
Nilai properti
Value | Description |
---|---|
x-axis | Defining where the view is placed at the x-axis. Possible values:
|
y-axis | Defining where the view is placed at the y-axis. Possible values:
|
z-axis | Defining where the view is placed at the z-axis (for 3D transforms). Possible values:
|
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Detail Teknis
Nilai Bawaan: | 50% 50% 0 |
---|---|
Nilai Kembali: | Sebuah String, mewakili properti transform-origin dari sebuah elemen |
Versi CSS | CSS3 |
Halaman Terkait
Objek Gaya JavaScript: mengubah properti
Referensi CSS: properti transform-origin
Objek Gaya