Latest web development tutorials

×

×

×

×

JavaScript & HTML DOM Reference Manual

Overview

JavaScript Object

JavaScript Array Object JavaScript Boolean Object JavaScript Date Object JavaScript Math Object JavaScript Number Object JavaScript String Object JavaScript RegExp Object JavaScript Global properties / functions JavaScript Operator

Browser Object

Window Object Navigator Object Screen Object History Object Location Object

DOM Object

HTML DOM Document Object HTML DOM Element object HTML DOM Attribute object HTML DOM Event object

HTML Object

<a> <area> <audio> <base> <blockquote> <body> <button> <canvas> <col> <colgroup> <datalist> <del> <details> <dialog> <embed> <fieldset> <form> <iframe> <frameset > <img> <ins> <input> - button <input> - checkbox <input> - color <input> - date <input> - datetime <input> - datetime-local <input> - email <input> - file <input> - hidden <input> - image <input> - month <input> - number <input> - range <input> - password <input> - radio <input> - reset <input> - search <input> - submit <input> - text <input> - time <input> - url <input> - week <keygen> <link> <label> <legend> <li> <map> <menu> <menuItem> <meta> <meter> <object> <ol> <optgroup> <option> <param> <progress> <q> <script> <select> <source> <style> <table> <td> <th> <tr> <textarea> <title> <time> <track> <video>

HTML DOM Style transformStyle property

Previous: HTML DOM Style transformOrigin property

Next: HTML DOM Style transition properties

Examples

Let the child elements are converted to retain its 3D conversion:

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

Definition and Usage

transformStyle property sets or returns the nested elements how to render in 3D space.

Note: This property must transform used with the property.

Browser Support

Firefox support transformStyle property.

Chrome, Safari and Opera support another alternative of the property attribute that WebkitTransformStyle property.

grammar

Back transformStyle properties:

object .style.transformStyle

Setting transformStyle properties:

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

Property Value

值	描述
flat	默认值。子元素将不保留其 3D 位置。
preserve-3d	子元素将保留其 3D 位置。
initial	设置该属性为它的默认值。请参阅 initial 。
inherit	从父元素继承该属性。请参阅 inherit 。

technical details

Defaults:	flat
return value:	String representing the transform-style property element.
CSS version	CSS3

related articles

JavaScript Style objects: the Transform property

CSS Reference Manual: the Transform-style property

Previous: HTML DOM Style transformOrigin property

Next: HTML DOM Style transition properties