Latest web development tutorials

HTML DOM Style transformStyle 屬性

Style 對象參考手冊 Style對象

實例

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

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

嘗試一下»

定義和用法

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

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


瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

技術細節

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


相關文章

JavaScript Style對象: transform屬性

CSS參考手冊: transform-style屬性


Style 對象參考手冊 Style對象