Thuộc tính perspective của Style
- Trang trước pageBreakInside
- Trang tiếp theo perspectiveOrigin
- Quay lại層 trên Đối tượng Style của HTML DOM
Định nghĩa và cách sử dụng
Ghi chú: thuộc tính này xác định khoảng cách của phần tử 3D đến视图, tính bằng pixel. Thuộc tính này cho phép bạn thay đổi góc nhìn của phần tử xem 3D.
Khi định nghĩa Ghi chú: thuộc tính này, các phần tử con sẽ nhận được hiệu ứng nhìn vượt qua,而不是 phần tử本身.
Khi định nghĩa thuộc tínhGhi chú: perspective
Thuộc tính này chỉ ảnh hưởng đến phần tử chuyển đổi 3D.Lưu ý: Thuộc tính perspective-origin Sử dụng thuộc tính này cùng nhau để bạn có thể thay đổi vị trí dưới cùng của phần tử 3D.
Xem thêm:
Đối tượng Style của JavaScript:Thuộc tính perspective-origin
Tài liệu tham khảo CSS:Thuộc tính perspective
Mẫu
Đặt góc nhìn của phần tử xem:
document.getElementById("myDIV").style.perspective = "50px";
Cú pháp
Trả về thuộc tính perspective:
object.style.perspective
Đặt thuộc tính perspective:
object.style.perspective = "length|none"
Giá trị thuộc tính
| Giá trị | Mô tả |
|---|---|
| length | Khoảng cách của phần tử đến视图, tính bằng pixel. |
| none | Giá trị mặc định. Ngang với 0. Không thiết lập sự nhìn thấy của sự vượt qua. |
| initial | Đặt thuộc tính này về giá trị mặc định. Xem thêm initial. |
| inherit | Thực hiện 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: | không có |
|---|---|
| Giá trị trả về: | chuỗi biểu thị khoảng cách của phần tử Thuộc tính perspective. |
| 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 đầu tiên hỗ trợ thuộc tính này hoàn toàn.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 36.0 | 10.0 | 16.0 | 6.1 | 23.0 |
- Trang trước pageBreakInside
- Trang tiếp theo perspectiveOrigin
- Quay lại層 trên Đối tượng Style của HTML DOM
