CSS transform-style 屬性
定義和用法
transform-style
屬性指定了如何在 3D 空間中渲染巢狀元素。
注意:此屬性必須與 transform 屬性一起使用。
為了更好地理解 transform-style
屬性,請 檢視演示。
預設值 | flat |
---|---|
繼承 | no |
可動畫 | 否。 閱讀關於可動畫屬性 |
版本 | CSS3 |
JavaScript 語法 | object.style.transformStyle="preserve-3d" 嘗試一下 |
瀏覽器支援
表中的數字指定了完全支援該屬性的第一個瀏覽器版本。
屬性 | |||||
---|---|---|---|---|---|
transform-style | 36 | 12 | 16 | 9 | 23 |
CSS 語法
transform-style: flat|preserve-3d|initial|inherit;
屬性值
屬性值 | 描述 |
---|---|
flat | 指定子元素將不會保留其 3D 位置。這是預設值 |
preserve-3d | 指定子元素將保留其 3D 位置 |
initial | 將此屬性設定為其預設值。閱讀關於initial |
inherit | 從其父元素繼承此屬性。閱讀關於inherit |
相關頁面
CSS 教程: CSS 2D 變換
CSS 教程: CSS 3D 變換
HTML DOM 參考: transformStyle 屬性