Latest web development tutorials

propriété HTML DOM style transformOrigin

Style de Object Reference style Objets

Exemples

Régler la position du point éléments rotatifs:

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

Essayez »

Définition et utilisation

transformOrigin propriété vous permet de changer la position de l'élément à convertir.

2D élément de conversion capable de changer les éléments axes X et Y. élément de conversion 3D peut changer les éléments de Z.

Remarque: Cette propriété doit transformer utilisé avec la propriété.


support du navigateur

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 10, Firefox et le soutien de l'Opéra propriété transformOrigin.

Internet Explorer 9 prend en charge une autre variante de la propriété attribut que la propriété msTransformOrigin (seulement pour la conversion 2D).

Chrome, Safari et Opera supporte une autre variante de l'attribut de propriété qui WebkitTransformOrigin propriété (peut être utilisé pour la 3D et 2D conversion).


grammaire

Retour propriétés transformOrigin:

object .style.transformOrigin

Définition des propriétés de transformOrigin:

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

Valeur de la propriété

描述
x-axis 定义视图被置于 X 轴的何处。可能的值:
  • left
  • center
  • right
  • length
  • %
y-axis 定义视图被置于 Y 轴的何处。可能的值:
  • top
  • center
  • bottom
  • length
  • %
z-axis 定义视图被置于 Z 轴的何处(用于 3D 转换)。可能的值:
  • length
initial 设置该属性为它的默认值。请参阅 initial
inherit 从父元素继承该属性。请参阅 inherit

détails techniques

Par défaut: 50% 50% 0
Retours: Chaîne représentant l'élément de propriété transform d'origine.
CSS version CSS3


articles connexes

JavaScript style objets: la propriété Transform

CSS Manuel de référence: la propriété transform-Origin


Style de Object Reference style Objets