# CSS3 transform-style 屬性 ## 實例 使被轉換的子元素保留其 3D 轉換： ``` div { transform: rotateY(60deg); transform-style: preserve-3d; -webkit-transform: rotateY(60deg); /* Safari 和 Chrome */ -webkit-transform-style: preserve-3d; /* Safari 和 Chrome */ } ``` ## 瀏覽器支持 | IE | Firefox | Chrome | Safari | Opera | | --- | --- | --- | --- | --- | Firefox 支持 transform-style 屬性。 Chrome、Safari 和 Opera 支持替代的 -webkit-transform-style 屬性。 ## 定義和用法 transform-style 屬性規定如何在 3D 空間中呈現被嵌套的元素。 注釋：該屬性必須與 [transform](/cssref/pr_transform.asp "CSS3 transform 屬性") 屬性一同使用。 | 默認值： | flat | | --- | --- | | 繼承性： | no | | --- | --- | | 版本： | CSS3 | | --- | --- | | JavaScript 語法： | _object_.style.transformStyle="preserve-3d" | | --- | --- | ## 語法 ``` transform-style: flat|preserve-3d; ``` | 值 | 描述 | | --- | --- | | flat | 子元素將不保留其 3D 位置。 | | preserve-3d | 子元素將保留其 3D 位置。 |