Atributo transformStyle del estilo

Definición y uso

transformStyle Establece o devuelve la forma en que los elementos anidados se presentan en el espacio 3D.

Comentarios:Este atributo debe coincidir con Atributo transform Usar juntos.

Vea también:

Objeto Style de JavaScript:Atributo transform

Manual de referencia de CSS:Atributo transform-style

Ejemplo

Hacer que los elementos hijos conserven la transformación 3D:

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

Intente usted mismo

Sintaxis

Devolver atributo transformStyle:

object.style.transformStyle

Configurar atributo transformStyle:

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

Valor del atributo

Valor Descripción
flat Valor predeterminado. Los elementos hijos no conservarán su posición 3D.
preserve-3d Los elementos hijos conservarán su posición 3D.
initial Establezca este atributo en su valor predeterminado. Consulte initial.
inherit Este atributo hereda este atributo de su elemento padre. Consulte inherit.

Detalles técnicos

Valor predeterminado: flat
Valor devuelto: Cadena que representa la Atributo transform-style.
Versión de CSS: CSS3

Compatibilidad del navegador

La tabla indica la versión del navegador que admite completamente esta propiedad.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
36.0 11.0 16.0 9.0 23.0