Chuyển đổi kiểu dáng
Thí dụ
Đặt vị trí cơ sở của phần tử được xoay:
document.getElementById("myDIV").style.transformOrigin = "0 0";
Định nghĩa và Cách sử dụng
Thuộc tính transformOrigin cho phép bạn thay đổi vị trí trên các phần tử được biến đổi.
Phần tử được biến đổi 2D có thể thay đổi trục x và y của phần tử. Phần tử được biến đổi 3D cũng có thể thay đổi trục z của phần tử.
Lưu ý: Thuộc tính này phải được sử dụng cùng với thuộc tính biến đổi .
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính.
Property | |||||
---|---|---|---|---|---|
transformOrigin | 36.0 | 10.0 9.0 msTransformOrigin |
16.0 | 9.0 | 23.0 |
Cú pháp
Trả về thuộc tính biến đổi:
object.style.transformOrigin
Đặt thuộc tính biến đổi:
object.style.transformOrigin = "x-axis y-axis z-axis|initial|inherit"
Giá trị tài sản
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 |
Chi tiết kỹ thuật
Giá trị mặc định: | 50% 50% 0 |
---|---|
Giá trị trả lại: | Một chuỗi, đại diện cho thuộc tính gốc biến đổi của một phần tử |
Phiên bản CSS | CSS3 |
Các trang liên quan
Đối tượng kiểu JavaScript: thuộc tính chuyển đổi
Tham chiếu CSS: thuộc tính biến đổi nguồn gốc
❮ Đối tượng phong cách