TransformOrigin -Eigenschaft formatieren
Beispiel
Legen Sie die Basisplatzierung eines gedrehten Elements fest:
document.getElementById("myDIV").style.transformOrigin = "0 0";
Definition und Verwendung
Mit der Eigenschaft transformOrigin können Sie die Position auf transformierten Elementen ändern.
2D-transformiertes Element kann die x- und y-Achse des Elements ändern. Ein 3D-transformiertes Element kann auch die Z-Achse des Elements ändern.
Hinweis: Diese Eigenschaft muss zusammen mit der Transformationseigenschaft verwendet werden .
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die die Eigenschaft vollständig unterstützt.
Property | |||||
---|---|---|---|---|---|
transformOrigin | 36.0 | 10.0 9.0 msTransformOrigin |
16.0 | 9.0 | 23.0 |
Syntax
Geben Sie die transformOrigin-Eigenschaft zurück:
object.style.transformOrigin
Legen Sie die transformOrigin-Eigenschaft fest:
object.style.transformOrigin = "x-axis y-axis z-axis|initial|inherit"
Eigenschaftswerte
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
Standardwert: | 50% 50% 0 |
---|---|
Rückgabewert: | Ein String, der die Transformationsursprungseigenschaft eines Elements darstellt |
CSS-Version | CSS3 |
Verwandte Seiten
JavaScript-Stilobjekt: transform-Eigenschaft
CSS-Referenz: transform-origin-Eigenschaft
❮ Style-Objekt