Propriedade transformStyle do Style

Definição e uso

transformStyle Define e utiliza a forma de apresentação dos elementos aninhados no espaço 3D.

Notas:Este atributo deve ser compatível com A propriedade transform Usados juntos.

Veja também:

Objeto Style do JavaScript:A propriedade transform

Manual de referência CSS:A propriedade transform-style

Exemplo

Manter a conversão dos elementos filhos em 3D:

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

Experimente você mesmo

Sintaxe

Retornar a propriedade transformStyle:

object.style.transformStyle

Configurar a propriedade transformStyle:

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

Valor do atributo

Valor Descrição
flat Valor padrão. Os elementos filhos não manterão sua posição 3D.
preserve-3d Os elementos filhos manterão sua posição 3D.
initial A propriedade é configurada para seu valor padrão. Veja também initial.
inherit Este atributo é herdado do elemento pai. Veja também inherit.

Detalhes técnicos

Valor padrão: flat
Retorno: uma string que representa a A propriedade transform-style.
Versão do CSS: CSS3

Suporte do navegador

O número na tabela indica a versão do navegador que suporta plenamente essa propriedade.

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