Latest web development tutorials

Obiekt HTML DOM Style transformOrigin

Styl Object Reference styl Przedmioty

Przykłady

Zestaw Pozycję Elementy obrotowe:

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

Spróbuj »

Definicja i Wykorzystanie

transformOrigin właściwość pozwala na zmianę położenia elementu do konwersji.

Konwersja 2D elementem stanie zmienić elementy osi X i Y. Element konwersji 3D może zmienić elementy z.

Uwaga: Ta właściwość musi przekształcić używany z nieruchomości.


Pomoc Browser

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 10, Firefox i Opera obsługa nieruchomości transformOrigin.

Internet Explorer 9 obsługuje inną alternatywą właściwości atrybutu, że własność msTransformOrigin (tylko w przypadku konwersji 2D).

Chrome, Safari i Opera wspiera inną alternatywę atrybutu właściwość, że WebkitTransformOrigin nieruchomości (może być użyty do konwersji 2D i 3D).


gramatyka

Powrót właściwości transformOrigin:

object .style.transformOrigin

Ustawianie właściwości transformOrigin:

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

Wartość nieruchomości

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

dane techniczne

Domyślnie: 50% 50% 0
Zwraca: Ciąg reprezentujący element właściwości transform-pochodzenie.
wersja CSS CSS3


Powiązane artykuły

Styl JavaScript obiektów: Transform własność

CSS Reference Manual: Transform Obiekt pochodzenia


Styl Object Reference styl Przedmioty