Thuộc tính transformOrigin của Style

Định nghĩa và cách sử dụng

transformOrigin Thuộc tính cho phép bạn thay đổi vị trí của yếu tố đã chuyển đổi.

Các yếu tố chuyển đổi 2D có thể thay đổi trục x và y của yếu tố. Các yếu tố chuyển đổi 3D có thể thay đổi cả trục z.

Ghi chú:Thuộc tính này phải cùng với Thuộc tính transform Sử dụng cùng nhau.

Xem thêm:

Đối tượng Style JavaScript:Thuộc tính transform

Sách tham khảo CSS:Thuộc tính transform-origin

Mô hình

Đặt vị trí cơ bản của yếu tố quay:

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

Thử nghiệm ngay

Ngữ pháp

Trả về thuộc tính transformOrigin:

object.style.transformOrigin

Cài đặt thuộc tính transformOrigin:

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

Giá trị thuộc tính

Giá trị Mô tả
x-axis

Định nghĩa vị trí đặt của视图 trên trục x. Các giá trị có thể:

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

Định nghĩa vị trí đặt của视图 trên trục y. Các giá trị có thể:

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

Định nghĩa vị trí đặt của视图 trên trục z. Các giá trị có thể:

  • length
initial Đặt thuộc tính này về giá trị mặc định. Xem thêm initial。
inherit Thực hiện việc kế thừa thuộc tính này từ yếu tố cha. Xem thêm inherit。

Chi tiết kỹ thuật

Giá trị mặc định: 50% 50% 0
Giá trị trả về: Chuỗi biểu thị vị trí của yếu tố Thuộc tính transform-origin。
Phiên bản CSS: CSS3

Hỗ trợ trình duyệt

Số liệu trong bảng ghi chú về phiên bản trình duyệt đầu tiên hoàn toàn hỗ trợ thuộc tính này.

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