Esempio
Lasciate che gli elementi figlio trasformati conservano le trasformazioni 3D:
document.getElementById("myDIV").style.transformStyle = "preserve-3d";
Prova tu stesso " Definizione e l'utilizzo
Gli insiemi di proprietà transformStyle o returnd come gli elementi annidati sono resi nello spazio 3D.
Note: Questa proprietà deve essere usato insieme al trasformare la proprietà.
Supporto browser
La proprietà transformStyle è supportato in Firefox.
Chrome, Safari e Opera sostengono in alternativa, la proprietà WebkitTransformStyle.
Sintassi
Restituire la proprietà transformStyle:
object .style.transformStyle Impostare la proprietà transformStyle:
object .style.transformStyle="flat|preserve-3d|initial|inherit"
I valori delle proprietà
| Valore | Descrizione |
|---|---|
| flat | Valore di default. Gli elementi bambino non conservare la sua posizione 3D |
| preserve-3d | Gli elementi figli conservare la sua posizione 3D |
| initial | Consente di impostare questa proprietà al suo valore di default. Leggi iniziale |
| inherit | Eredita questo immobile dal suo elemento genitore. Leggi su erediterà |
Dettagli tecnici
| Valore di default: | piatto |
|---|---|
| Valore di ritorno: | A String, che rappresenta la proprietà transform stile di un elemento |
| CSS Version | CSS3 |
Pagine correlate
Stile JavaScript Object: transform property
Di riferimento CSS: transform-style property
<Stile di oggetto