Atrybut Style transformOrigin

Definicja i użycie

transformOrigin Atrybut pozwala na zmianę położenia przekształconego elementu.

Elementy przekształcanego 2D mogą zmieniać osi X i Y elementu. Elementy przekształcanego 3D mogą również zmieniać osi Z elementu.

Komentarz:Ta właściwość musi być używana z Atrybut transform Używane razem.

Zobacz również:

Obiekt Style w JavaScriptie:Atrybut transform

Podręcznik CSS:Atrybut transform-origin

Przykład

Ustawienie podstawowego położenia elementu obracanego:

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

Spróbuj sam

Gramatyka

Zwróć atrybut transform-origin:

object.style.transformOrigin

Ustawienie atrybutu transform-origin:

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

Wartość atrybutu

Wartość Opis
x-axis

Definiuje położenie widoku na osi X. Możliwe wartości:

  • left
  • center
  • right
  • length
  • %
y-axis

Definiuje położenie widoku na osi Y. Możliwe wartości:

  • top
  • center
  • bottom
  • length
  • %
z-axis

Definiuje położenie widoku na osi Z. Możliwe wartości:

  • length
initial Ustaw tę właściwość na jej wartość domyślną. Zobacz: initial.
inherit Inherituje tę właściwość od elementu nadrzędnego. Zobacz: inherit.

Szczegóły techniczne

Domyślna wartość: 50% 50% 0
Wartość zwracana: Ciąg znaków, który oznacza Atrybut transform-origin.
Wersja CSS: CSS3

Obsługa przeglądarki

Liczby w tabeli wskazują na pierwszą wersję przeglądarki obsługującą tę właściwość.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
36.0 10.0 16.0 9.0 23.0