Exemple
Laissez les éléments enfants transformés conservent les transformations 3D:
document.getElementById("myDIV").style.transformStyle = "preserve-3d";
Essayez vous - même » Définition et utilisation
Les ensembles de propriétés de transformStyle ou Returnd comment les éléments imbriqués sont rendus dans l'espace 3D.
Note: Cette propriété doit être utilisée conjointement avec la transformation de la propriété.
Support du navigateur
La propriété transformStyle est pris en charge dans Firefox.
Chrome, soutiennent Safari et Opera une alternative, la propriété WebkitTransformStyle.
Syntaxe
Retour la propriété transformStyle:
object .style.transformStyle Définissez la propriété transformStyle:
object .style.transformStyle="flat|preserve-3d|initial|inherit"
Valeurs de propriété
| Valeur | La description |
|---|---|
| flat | Valeur par défaut. Les éléments de l'enfant ne conservera pas sa position 3D |
| preserve-3d | Les éléments enfants préserver sa position 3D |
| initial | Définit cette propriété à sa valeur par défaut. Lisez à propos initial |
| inherit | Hérite cette propriété de son élément parent. En savoir plus sur hériteront |
Détails techniques
| Valeur par défaut: | appartement |
|---|---|
| Valeur de retour: | Une chaîne, ce qui représente la propriété de style transformation d'un élément |
| version CSS | CSS3 |
Pages associées
JavaScript Style de l' objet: transform property la transform property
Référence CSS: transform-style property la transform-style property
<Style objet