Gets or sets a value that specifies how child elements of the object are rendered in 3-D space.
This property is read/write.
  |
Syntax
transform-style: flat
Property values
One of the following 3-D rendering values.
flat-
Default. Child elements are flattened using orthographic projection into the 2-D plane of the object.
CSS information
| Applies To | block-level and inline-level elements |
|---|---|
| Media | visual |
| Inherited | no |
| Initial Value | flat |
Standards information
- CSS Transforms Module, Level 3, Section 9
Remarks
This property does not affect how the object is rendered.
This property is only applied to child elements that have a transform property specified.
The object is the projection plane for the child elements.
Child elements cannot intersect in flat mode.
Do not use the Microsoft vendor prefix ("-ms-") before the transform-style property. It is supported unprefixed in Internet Explorer 10 and later.
To learn more about Cascading Style Sheets (CSS) transforms in Windows Internet Explorer, see How to bring your webpage to life with CSS transforms, transitions, and animations.
See also
- CSSStyleDeclaration
- currentStyle
- style
- a
- abbr
- acronym
- b
- bdo
- big
- br
- cite
- code
- dfn
- em
- i
- img
- input
- kbd
- label
- q
- samp
- select
- small
- span
- strong
- sub
- sup
- textArea
- tt
- var
- address
- blockQuote
- div
- dl
- fieldSet
- form
- noFrames
- noScript
- ol
- p
- pre
- table
- ul
- dd
- dt
- li
- tBody
- td
- tFoot
- th
- tHead
- tr
- button
- del
- ins
- map
- object
- script
- transform
- How to bring your webpage to life with CSS transforms, transitions, and animations
Send comments about this topic to Microsoft
Build date: 11/29/2012
