Attribut transformOrigin Style

Définition et utilisation

transformOrigin L'attribut permet de modifier la position de l'élément déjà converti.

Les éléments de conversion 2D peuvent modifier les axes x et y de l'élément. Les éléments de conversion 3D peuvent également modifier l'axe z de l'élément.

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-origin

Exemple

Définir la position de base de l'élément de rotation :

document.getElementById("myDIV").style.transformOrigin = "0 0";

Essayez-le vous-même

Syntaxe

Renvoyer l'attribut transformOrigin :

object.style.transformOrigin

Définir l'attribut transformOrigin :

object.style.transformOrigin = "x-axis y-axis z-axis|initial|inherit"

Valeur de l'attribut

Valeur Description
x-axis

Définit la position de la vue sur l'axe x. Les valeurs possibles sont :

  • left
  • center
  • right
  • length
  • %
y-axis

Définit la position de la vue sur l'axe y. Les valeurs possibles sont :

  • top
  • center
  • bottom
  • length
  • %
z-axis

Définit la position de la vue sur l'axe z. Les valeurs possibles sont :

  • length
initial Réinitialise cette propriété à sa valeur par défaut. Voir également initial.
inherit Inherits cette propriété de son élément parent. Voir également inherit.

Détails techniques

Valeur par défaut : 50% 50% 0
Valeur de retour : Une chaîne de caractères, représentant l'élément L'attribut transform-origin.
Version de CSS : CSS3

Support du navigateur

Les nombres dans le tableau indiquent la version du navigateur qui prend en charge pleinement cette propriété.

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