Styl transformOrigin Property
Przykład
Ustaw podstawowe położenie obróconego elementu:
document.getElementById("myDIV").style.transformOrigin = "0 0";
Definicja i użycie
Właściwość transformOrigin umożliwia zmianę pozycji transformowanych elementów.
Przekształcony element 2D może zmienić oś x i y elementu. Przekształcony element 3D może również zmienić oś Z elementu.
Uwaga: Ta właściwość musi być używana razem z właściwością transform .
Obsługa przeglądarki
Liczby w tabeli określają pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.
Property | |||||
---|---|---|---|---|---|
transformOrigin | 36.0 | 10.0 9.0 msTransformOrigin |
16.0 | 9.0 | 23.0 |
Składnia
Zwróć właściwość transformOrigin:
object.style.transformOrigin
Ustaw właściwość transformOrigin:
object.style.transformOrigin = "x-axis y-axis z-axis|initial|inherit"
Wartości nieruchomości
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 |
Szczegóły techniczne
Domyślna wartość: | 50% 50% 0 |
---|---|
Wartość zwrotu: | String, reprezentujący właściwość transform-origin elementu |
Wersja CSS | CSS3 |
Powiązane strony
Obiekt stylu JavaScript: właściwość przekształcenia
Dokumentacja CSS: właściwość transform-origin
❮ Obiekt stylu