Attribut transformStyle Style
- Page précédente transformOrigin
- Page suivante transition
- Retour au niveau supérieur Objet Style HTML DOM
Définition et utilisation
transformStyle
Définit et utilise l'attribut transformStyle pour définir la manière dont les éléments imbriqués sont représentés dans l'espace 3D.
Remarque :Cette propriété doit être utilisée avec Attribut transform Utilisés ensemble.
Voir également :
Objet Style JavaScript :Attribut transform
Manuel de référence CSS :L'attribut transform-style
Exemple
Permettre aux éléments enfants transformés de conserver la transformation 3D :
document.getElementById("myDIV").style.transformStyle = "preserve-3d";
Syntaxe
Retourner l'attribut transformStyle :
objet.style.transformStyle
Définir l'attribut transformStyle :
objet.style.transformStyle = "plat|preserve-3d|initial|hérité"
Valeur de l'attribut
Valeur | Description |
---|---|
plat | Valeur par défaut. Les éléments enfants ne conserveront pas leur position 3D. |
preserve-3d | Les éléments enfants conserveront leur position 3D. |
initial | Réinitialisez cette propriété à sa valeur par défaut. Voir initial. |
hérité | Cette propriété hérite de cette propriété de son élément parent. Voir hérité. |
Détails techniques
Valeur par défaut : | plat |
---|---|
Valeur de retour : | Une chaîne, représentant l'élément L'attribut transform-style. |
Version de CSS : | CSS3 |
Support du navigateur
Les nombres dans le tableau indiquent la version du navigateur qui prend en charge cette propriété pour la première fois.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
36.0 | 11.0 | 16.0 | 9.0 | 23.0 |
- Page précédente transformOrigin
- Page suivante transition
- Retour au niveau supérieur Objet Style HTML DOM