最新的Web开发教程

×

JavaScript 参考

JavaScript

JS 字符串 JS 数 JS 运算符 JS 声明 JS 数学 JS 日期 JS 排列 JS 布尔 JS 正则表达式 JS 全局 JS 转变

浏览器 BOM

Window Navigator Screen History Location

HTML DOM

DOM 文件 DOM 元素 DOM 属性 DOM 事件 DOM 样式

HTML 对象

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <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> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

其他对象

CSSStyleDeclaration

Style transformStyle Property

例

让转化子元素保留3D转换：

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

定义和用法

该transformStyle属性设置或returnd元素如何嵌套在三维空间中呈现。

Note:此属性必须与使用变换属性。

浏览器支持

该transformStyle属性在Firefox的支持。

Chrome浏览器，Safari和Opera支持替代方案，WebkitTransformStyle财产。

句法

返回transformStyle属性：

object .style.transformStyle

设置transformStyle属性：

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

属性值

值	描述
flat	默认值。子元素将不保留其3D位置
preserve-3d	子元素将保留其3D位置
initial	将此属性设置为默认值。阅读关于初始
inherit	继承其父元素此属性。阅读关于继承

技术细节

默认值：	平面
返回值：	一个字符串，表示元素的变换-style属性
CSS版本	CSS3

相关页面

JavaScript的Style对象： transform property

CSS参考： transform-style property