最新的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