Vlastnost stylu transformOrigin
Příklad
Nastavte základní umístění otočeného prvku:
document.getElementById("myDIV").style.transformOrigin = "0 0";
Definice a použití
Vlastnost transformOrigin umožňuje změnit pozici na transformovaných prvcích.
2D transformovaný prvek může změnit osu x a y prvku. 3D transformovaný prvek může také změnit osu z prvku.
Poznámka: Tato vlastnost musí být použita společně s vlastností transform .
Podpora prohlížeče
Čísla v tabulce určují první verzi prohlížeče, která plně podporuje vlastnost.
Property | |||||
---|---|---|---|---|---|
transformOrigin | 36.0 | 10.0 9.0 msTransformOrigin |
16.0 | 9.0 | 23.0 |
Syntax
Vraťte vlastnost transformOrigin:
object.style.transformOrigin
Nastavte vlastnost transformOrigin:
object.style.transformOrigin = "x-axis y-axis z-axis|initial|inherit"
Hodnoty vlastností
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 |
Technické údaje
Výchozí hodnota: | 50 % 50 % 0 |
---|---|
Návratová hodnota: | Řetězec představující vlastnost transform-origin prvku |
Verze CSS | CSS3 |
Související stránky
Objekt stylu JavaScriptu: vlastnost transform
CSS reference: vlastnost transform-origin
❮ Objekt stylu