Phong cách phối cảnh Thuộc tính
Thí dụ
Đặt phối cảnh từ nơi một phần tử được xem:
document.getElementById("myDIV").style.perspective = "50px";
Định nghĩa và Cách sử dụng
Thuộc tính phối cảnh xác định có bao nhiêu pixel một phần tử 3D được đặt từ chế độ xem. Thuộc tính này cho phép bạn thay đổi góc nhìn về cách xem các phần tử 3D.
Khi xác định thuộc tính phối cảnh cho một phần tử, chính các phần tử CHILD nhận được chế độ xem phối cảnh, KHÔNG PHẢI chính phần tử đó.
Lưu ý: Thuộc tính phối cảnh chỉ ảnh hưởng đến các phần tử được chuyển đổi 3D!
Mẹo: Sử dụng thuộc tính này cùng với thuộc tính perspectiveOrigin , cho phép bạn thay đổi vị trí dưới cùng của các phần tử 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 | |||||
---|---|---|---|---|---|
perspective | 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 WebkitPerspective.
Cú pháp
Trả lại thuộc tính phối cảnh:
object.style.perspective
Đặt thuộc tính phối cảnh:
object.style.perspective = "length|none"
Giá trị tài sản
Value | Description |
---|---|
length | How far the element is placed from the view |
none | Default value. Same as 0. The perspective is not set |
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: | không ai |
---|---|
Giá trị trả lại: | Một chuỗi, đại diện cho thuộc tính phối cảnh 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 góc nhìnOrigin
Tham chiếu CSS: thuộc tính phối cảnh
❮ Đối tượng phong cách