Propriété transformOrigin de style
Exemple
Définissez le placement de base d'un élément pivoté :
document.getElementById("myDIV").style.transformOrigin = "0 0";
Définition et utilisation
La propriété transformOrigin vous permet de changer la position sur les éléments transformés.
L'élément transformé en 2D peut modifier les axes x et y de l'élément. L'élément transformé en 3D peut également modifier l'axe z de l'élément.
Remarque : Cette propriété doit être utilisée avec la propriété transform .
Prise en charge du navigateur
Les nombres dans le tableau indiquent la première version du navigateur qui prend entièrement en charge la propriété.
Property | |||||
---|---|---|---|---|---|
transformOrigin | 36.0 | 10.0 9.0 msTransformOrigin |
16.0 | 9.0 | 23.0 |
Syntaxe
Renvoyez la propriété transformOrigin :
object.style.transformOrigin
Définissez la propriété transformOrigin :
object.style.transformOrigin = "x-axis y-axis z-axis|initial|inherit"
Valeurs de propriété
Value | Description |
---|---|
x-axis | Defining where the view is placed at the x-axis. Possible values:
|
y-axis | Defining where the view is placed at the y-axis. Possible values:
|
z-axis | Defining where the view is placed at the z-axis (for 3D transforms). Possible values:
|
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Détails techniques
Valeur par défaut: | 50% 50% 0 |
---|---|
Valeur de retour : | Une chaîne, représentant la propriété transform-origin d'un élément |
Version CSS | CSS3 |
Pages connexes
Objet de style JavaScript : propriété de transformation
Référence CSS : propriété transform-origin
❮ Objet de style