Style transformStyle 屬性

定義和用法

transformStyle 屬性設置或返回嵌套元素在 3D 空間中的呈現方式。

注釋：此屬性必須與 transform 屬性 一起使用。

另請參閱：

JavaScript Style 對象：transform 屬性

CSS 參考手冊：transform-style 屬性

實例

讓轉換后的子元素保留 3D 轉換：

document.getElementById("myDIV").style.transformStyle = "preserve-3d";

親自試一試

語法

返回 transformStyle 屬性：

object.style.transformStyle

設置 transformStyle 屬性：

object.style.transformStyle = "flat|preserve-3d|initial|inherit"

屬性值

值 描述
flat 默認值。子元素不會保留其 3D 位置。
preserve-3d 子元素將保留其 3D 位置。
initial 將此屬性設置為其默認值。請參閱 initial。
inherit 從其父元素繼承此屬性。請參閱 inherit。

技術細節

默認值： flat
返回值： 字符串，表示元素的 transform-style 屬性。
CSS 版本： CSS3

瀏覽器支持

表中的數字注明了首個完全支持該屬性的瀏覽器版本。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
36.0 11.0 16.0 9.0 23.0