Phối cảnh phong cách
Thí dụ
Đặt vị trí cơ sở của phần tử 3D:
document.getElementById("myDIV").style.perspectiveOrigin = "10px 50%";
Định nghĩa và Cách sử dụng
Thuộc tính perspectiveOrigin xác định vị trí của phần tử 3D trong trục x và trục y. Thuộc tính này cho phép bạn thay đổi vị trí dưới cùng của các phần tử 3D.
Khi xác định thuộc tính perspectiveOrigin cho một phần tử, đó là các phần tử CHILD được định vị, KHÔNG phải chính 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 phối cảnh và chỉ ảnh hưởng đến các phần tử được chuyển đổi 3D!
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 | |||||
---|---|---|---|---|---|
perspectiveOrigin | 36.0 | 10.0 | 16.0 | 6.1 | 23.0 |
Lưu ý: Chrome, Safari và Opera cũ hỗ trợ một giải pháp thay thế, thuộc tính WebkitPerspectiveOrigin.
Cú pháp
Trả lại phối cảnh
object.style.perspectiveOrigin
Đặt thuộc tính phối cảnhOrigin:
object.style.perspectiveOrigin = "x-axis y-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:
Default value: 50% |
y-axis | Defining where the view is placed at the y-axis Possible values:
Default value: 50% |
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% |
---|---|
Giá trị trả lại: | Một chuỗi, đại diện cho thuộc tính gốc phối cảnh của một phần tử |
Phiên bản CSS | CSS3 |
Các trang liên quan
JavaScript Style Object: thuộc tính phối cảnh
Tham chiếu CSS: thuộc tính gốc phối cảnh
❮ Đối tượng phong cách