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.
To learn more about Cascading Style Sheets (CSS) transforms in a Windows Store app using JavaScript, see How to bring your webpage to life with CSS transforms, transitions, and animations.
See also
- CSSStyleDeclaration
- currentStyle
- style
- a
- abbr
- b
- bdo
- br
- cite
- code
- em
- i
- img
- input
- kbd
- label
- q
- samp
- select
- small
- span
- strong
- sub
- sup
- textArea
- var
- address
- blockQuote
- div
- dl
- fieldSet
- form
- 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
Build date: 11/29/2012
