スタイルtransformStyleプロパティ
例
変換された子要素が3D変換を保持するようにします。
document.getElementById("myDIV").style.transformStyle = "preserve-3d";
定義と使用法
transformStyleプロパティは、ネストされた要素が3D空間でどのようにレンダリングされるかを設定または返します。
注:このプロパティは、 transformプロパティと一緒に使用する必要があります。
ブラウザのサポート
表の数字は、プロパティを完全にサポートする最初のブラウザバージョンを示しています。
Property | |||||
---|---|---|---|---|---|
transformStyle | 36.0 | 11.0 | 16.0 | 9.0 | 23.0 |
構文
transformStyleプロパティを返します。
object.style.transformStyle
transformStyleプロパティを設定します。
object.style.transformStyle = "flat|preserve-3d|initial|inherit"
プロパティ値
Value | Description |
---|---|
flat | Default value. The child elements will NOT preserve its 3D position |
preserve-3d | The child elements will preserve its 3D position |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
技術的な詳細
デフォルト値: | 平らな |
---|---|
戻り値: | 要素の変換スタイルのプロパティを表す文字列 |
CSSバージョン | CSS3 |
関連ページ
JavaScriptスタイルオブジェクト:変換プロパティ
CSSリファレンス:transform-styleプロパティ
❮スタイルオブジェクト