Latest web development tutorials

propriedade HTML DOM Estilo transformOrigin

Estilo Object Reference estilo Objects

Exemplos

Definir posição do ponto de elementos rotativos:

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

tente »

Definição e Uso

transformOrigin propriedade permite que você mude a posição do elemento a ser convertido.

elemento de conversão 2D capaz de mudar elementos eixos X e Y. elemento de conversão em 3D pode mudar os elementos Z.

Nota: Esta propriedade deve transformar usado com a propriedade.


Suporte a navegadores

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 10, Firefox e Opera suporte propriedade transformOrigin.

Internet Explorer 9 suporta outra alternativa da propriedade atributo que msTransformOrigin propriedade (apenas para a conversão 2D).

Chrome, Safari e Opera suportam outra alternativa do atributo propriedade que WebkitTransformOrigin propriedade (pode ser usado para a conversão em 3D e 2D).


gramática

Propriedades transformOrigin Voltar:

object .style.transformOrigin

Definindo as propriedades transformOrigin:

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

Valor de propriedade

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

detalhes técnicos

padrão: 50% 50% 0
retorna: String que representa o elemento transform-origin propriedade.
versão CSS CSS3


artigos relacionados

JavaScript Estilo objetos: a propriedade Transform

Manual de Referência CSS: Transform propriedade-Origin


Estilo Object Reference estilo Objects