Style transform 属性
- Hal Sebelumnya Atas
- Hal Berikutnya transformOrigin
- Kembali ke Lapisan Atas Objek Style HTML DOM
Sintaks
Kembalikan atribut transform:
object.style.transform
Tetapkan atribut transform:
object.style.transform = "none|transform-functions|initial|inherit"
Nilai atribut
| Nilai | Deskripsi |
|---|---|
| none | Mendefinikan tidak ada transformasi. |
| matrix(n, n, n, n, n, n) | Mendefinikan transformasi dua dimensi menggunakan matriks dengan enam nilai. |
| matrix3d(n, n, n, n, etc....) | Mendefinikan transformasi 3D menggunakan matriks 4x4 dengan 16 nilai. |
| translate(x, y) | Mendefinikan translasi 2D. |
| translate3d(x, y, z) | Mendefinikan translasi 3D. |
| translateX(x) | Mendefinikan translasi, hanya menggunakan nilai X. |
| translateY(y) | Mendefinikan translasi, hanya menggunakan nilai Y. |
| translateZ(z) | Mendefinikan translasi 3D, hanya menggunakan nilai Z. |
| scale(x, y) | Mendefinikan transformasi proporsional 2D. |
| scale3d(x, y, z) | Mendefinikan transformasi proporsional 3D. |
| scaleX(x) | Mendefinikan transformasi proporsional dengan memberikan nilai X. |
| scaleY(y) | Mendefinikan transformasi proporsional dengan memberikan nilai Y. |
| scaleZ(z) | Mendefinikan transformasi proporsional 3D dengan memberikan nilai Z. |
| rotate(angle) | Mendefinikan putar 2D, menentukan sudut dalam parameter. |
| rotate3d(x, y, z, angle) | Mendefinikan putar 3D. |
| rotateX(angle) | Mendefinikan putar 3D sepanjang sumbu X. |
| rotateY(angle) | Mendefinikan putar 3D sepanjang sumbu Y. |
| rotateZ(angle) | Mendefinikan putar 3D sepanjang sumbu Z. |
| skew(x-angle, y-angle) | Mendefinikan transformasi skew 2D sepanjang sumbu X dan Y. |
| skewX(angle) | Mendefinikan transformasi skew 2D sepanjang sumbu X. |
| skewY(angle) | Mendefinikan transformasi skew 2D sepanjang sumbu Y. |
| perspective(n) | Mendefinikan perspektif transformasi 3D elemen. |
| initial | Tetapkan atribut ini ke nilai baku. Lihat initial. |
| inherit | Mewarisi atribut ini dari elemen induknya. Lihat inherit. |
Detil teknis
| Nilai baku: | Tidak ada |
|---|---|
| Hasil kembalian: | String, menunjukkan elemen Atribut transform. |
| Versi CSS: | CSS3 |
Dukungan pelayar
Angka di dalam jadwal menunjukkan versi paling awal penggunaan browser 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 |
- Hal Sebelumnya Atas
- Hal Berikutnya transformOrigin
- Kembali ke Lapisan Atas Objek Style HTML DOM
