Thuộc tính perspectiveOrigin của Style

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

perspectiveOrigin Thuộc tính này định nghĩa vị trí của phần tử 3D trên trục x và y. Thuộc tính này cho phép bạn thay đổi vị trí dưới cùng của phần tử 3D.

trong khi định nghĩa thuộc tính của phần tử perspectiveOrigin Khi định vị thuộc tính

Ghi chú:Thuộc tính này phải cùng với Thuộc tính perspective Sử dụng cùng nhau và chỉ ảnh hưởng đến các phần tử chuyển đổi 3D!

Xem thêm:

Đối tượng Style của JavaScript:Thuộc tính perspective

Hướng dẫn CSS:Thuộc tính perspective-origin

Mô hình

Đặt vị trí cơ sở của phần tử 3D:

document.getElementById("myDIV").style.perspectiveOrigin = "10px 50%";

Thử ngay

Cú pháp

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

object.style.perspectiveOrigin

Đặt thuộc tính perspectiveOrigin:

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

Giá trị thuộc tính

Giá trị Mô tả
trục x

Định nghĩa vị trí của khung nhìn trên trục x.

  • left
  • center
  • right
  • length
  • %

Giá trị mặc định: 50%
trục y

Định nghĩa vị trí của khung nhìn trên trục y.

Giá trị có thể:

  • top
  • center
  • bottom
  • length
  • %

Giá trị mặc định: 50%
initial Đặt thuộc tính này về giá trị mặc định. Xem thêm initial。
inherit Thừa kế thuộc tính này từ phần tử cha. Xem thêm inherit。

Chi tiết kỹ thuật

Giá trị mặc định: 50% 50%
Trả về giá trị: chuỗi, biểu thị vị trí của Thuộc tính perspective-origin。
Phiên bản CSS: CSS3

Hỗ trợ trình duyệt

Số trong bảng chỉ ra phiên bản trình duyệt hỗ trợ thuộc tính đầu tiên.

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