Stijl transformOrigin Eigenschap
Voorbeeld
Stel de basisplaatsing van een geroteerd element in:
document.getElementById("myDIV").style.transformOrigin = "0 0";
Definitie en gebruik
Met de eigenschap transformOrigin kunt u de positie op getransformeerde elementen wijzigen.
2D-getransformeerd element kan de x- en y-as van het element veranderen. 3D-getransformeerd element kan ook de z-as van het element veranderen.
Opmerking: deze eigenschap moet samen met de eigenschap transform worden gebruikt .
Browserondersteuning
De getallen in de tabel geven de eerste browserversie aan die de eigenschap volledig ondersteunt.
Property | |||||
---|---|---|---|---|---|
transformOrigin | 36.0 | 10.0 9.0 msTransformOrigin |
16.0 | 9.0 | 23.0 |
Syntaxis
Retourneer de eigenschap transformOrigin:
object.style.transformOrigin
Stel de eigenschap transformOrigin in:
object.style.transformOrigin = "x-axis y-axis z-axis|initial|inherit"
Eigendomswaarden
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 |
Technische details
Standaardwaarde: | 50% 50% 0 |
---|---|
Winstwaarde: | Een tekenreeks, die de eigenschap transform-origin van een element vertegenwoordigt |
CSS-versie | CSS3 |
Gerelateerde pagina's
JavaScript-stijlobject: eigenschap transform
CSS-referentie: eigenschap transform-origin
❮ Stijlobject