Propriedade de estilo transformOrigin
Exemplo
Defina o posicionamento base de um elemento girado:
document.getElementById("myDIV").style.transformOrigin = "0 0";
Definição e uso
A propriedade transformOrigin permite alterar a posição dos elementos transformados.
O elemento transformado em 2D pode alterar os eixos x e y do elemento. O elemento transformado em 3D também pode alterar o eixo z do elemento.
Nota: Esta propriedade deve ser usada junto com a propriedade transform .
Suporte ao navegador
Os números na tabela especificam a primeira versão do navegador que oferece suporte total à propriedade.
Property | |||||
---|---|---|---|---|---|
transformOrigin | 36.0 | 10.0 9.0 msTransformOrigin |
16.0 | 9.0 | 23.0 |
Sintaxe
Retorne a propriedade transformOrigin:
object.style.transformOrigin
Defina a propriedade transformOrigin:
object.style.transformOrigin = "x-axis y-axis z-axis|initial|inherit"
Valores de propriedade
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 |
Detalhes técnicos
Valor padrão: | 50% 50% 0 |
---|---|
Valor de retorno: | Uma String, representando a propriedade transform-origin de um elemento |
Versão CSS | CSS3 |
Páginas relacionadas
Objeto de estilo JavaScript: propriedade transform
Referência CSS: propriedade transform-origin
❮ Objeto de estilo