例
変換子要素が3D変換を維持してみましょう：
document.getElementById("myDIV").style.transformStyle = "preserve-3d";
»それを自分で試してみてください 定義と使用法
transformStyleプロパティセットまたは3D空間でレンダリングされる方法をネストされた要素returnd。
Note:このプロパティは、一緒に使用する必要があります変換プロパティ。
ブラウザのサポート
transformStyleプロパティは、Firefoxでサポートされています。
クロム、サファリ、オペラは、代替、WebkitTransformStyleプロパティをサポートしています。
構文
transformStyleプロパティを返します：
object .style.transformStyle transformStyleプロパティを設定します。
object .style.transformStyle="flat|preserve-3d|initial|inherit"
プロパティ値
| 値 | 説明 |
|---|---|
| flat | デフォルト値。 子要素は、その3次元位置を保持されません |
| preserve-3d | 子要素は、その3次元位置を保持します |
| initial | このプロパティがデフォルト値に設定します。 最初の記事を読みます |
| inherit | その親要素からこのプロパティを継承します。 継承についての記事を読みます |
技術的な詳細
| デフォルト値： | 平らな |
|---|---|
| 戻り値： | 要素の変換スタイルプロパティを表す文字列、 |
| CSSのバージョン | CSS3 |
関連ページ
JavaScriptのスタイルオブジェクト： transform property
CSSリファレンス： transform-style property
<スタイルオブジェクト