Latest web development tutorials

HTML DOM propiedad Estilo transformOrigin

Estilo de referencia de objetos Objetos de estilo

Ejemplos

punto de ajuste de posición de los elementos rotativos

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

Trate »

Definición y Uso

transformOrigin propiedad le permite cambiar la posición del elemento que se desea convertir.

elemento de conversión 2D capaz de cambiar elementos ejes X e Y. elemento de conversión 3D puede cambiar los elementos de Z.

Nota: Esta propiedad debe transformar usada con la propiedad.


Soporte para el navegador

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 10, Firefox y Opera apoyo transformOrigin propiedad.

Internet Explorer 9 es compatible con otra alternativa de la propiedad de atributos que msTransformOrigin propiedad (sólo para la conversión 2D).

Chrome, Safari y Opera soporta otra alternativa del atributo propiedad que WebkitTransformOrigin propiedad (se puede utilizar para la conversión en 3D y 2D).


gramática

transformOrigin propiedades para la espalda:

object .style.transformOrigin

Configuración de las propiedades transformOrigin:

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

propiedad Valor

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

detalles técnicos

Por defecto: 50% 50% 0
Devuelve: Cadena que representa el elemento de transformar origen propiedad.
versión CSS CSS3


Artículos relacionados

Objetos de JavaScript Estilo: la propiedad Transform

Manual de Referencia CSS: la propiedad Transform-Origen


Estilo de referencia de objetos Objetos de estilo