Thuộc tính transformStyle Style
- Trang trước transformOrigin
- Trang tiếp theo transition
- Quay lại lớp trên Đối tượng Style của HTML DOM
Định nghĩa và cách sử dụng
transformStyle Thuộc tính này thiết lập hoặc trả về cách hiển thị các phần tử con trong không gian 3D.
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
Tài liệu tham khảo CSS:Thuộc tính transform-style
Mô hình
Giữ chuyển đổi 3D của các phần tử con sau khi chuyển đổi:
document.getElementById("myDIV").style.transformStyle = "preserve-3d";
Cú pháp
Trả về thuộc tính transformStyle:
object.style.transformStyle
Đặt thuộc tính transformStyle:
object.style.transformStyle = "flat|preserve-3d|initial|inherit"
Giá trị thuộc tính
| Giá trị | Mô tả |
|---|---|
| flat | Giá trị mặc định. Các phần tử con sẽ không giữ vị trí 3D của mình. |
| preserve-3d | Các phần tử con sẽ giữ vị trí 3D của mình. |
| initial | Thuộc tính này được đặt về giá trị mặc định. Xem thêm initial. |
| inherit | Thuộc tính này được kế thừa từ phần tử cha. Xem thêm inherit. |
Chi tiết kỹ thuật
| Giá trị mặc định: | flat |
|---|---|
| Giá trị trả về: | Chuỗi biểu thị vị trí của phần tử Thuộc tính transform-style. |
| 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 | 11.0 | 16.0 | 9.0 | 23.0 |
- Trang trước transformOrigin
- Trang tiếp theo transition
- Quay lại lớp trên Đối tượng Style của HTML DOM
