Style transformStyle 屬性

Style 對象

執行個體

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

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

定義和用法

transformStyle 屬性設定或傳回被嵌套的元素如何呈現在 3D 空間中。

注意：

該屬性必須與 transform 屬性一起使用。

浏覽器支援

Firefox 支援 transformStyle 屬性。

Chrome、Safari 和 Opera 支援另一個可替代該屬性的屬性，即 WebkitTransformStyle 屬性。

文法

傳回 transformStyle 屬性：

object.style.transformStyle

設定 transformStyle 屬性：

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

屬性值

值	描述
flat	預設值。子元素将不保留其 3D 位置。
preserve-3d	子元素将保留其 3D 位置。
initial	設定該屬性為它的預設值。請參閱 initial。
inherit	從父元素繼承該屬性。請參閱 inherit。

技術細節

預設值：
傳回值：	字元串，表示元素的 transform-style 屬性。
CSS 版本	CSS3

相關文章

JavaScript Style 對象：transform 屬性

CSS 參考手冊：transform-style 屬性

Style 對象