Latest web development tutorials

HTML-DOM Stil transformOrigin Eigenschaft

Style-Objekt Referenz Style - Objekte

Beispiele

Sollposition Drehelemente:

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

Versuchen »

Definition und Verwendung

transformOrigin Eigenschaft können Sie die Position des Elements zu ändern, umgewandelt werden.

2D-Umwandlungselement in der Lage der Elemente X und Y-Achsen ändert. 3D-Umwandlungselement kann die Z-Elemente ändern.

Hinweis: Diese Eigenschaft muss Transformation mit der Eigenschaft verwendet.

Browser-Unterstützung

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 10, Firefox und Opera unterstützen transformOrigin Eigenschaft.

Internet Explorer 9 unterstützt eine weitere Alternative der Eigenschaft Attribut, das msTransformOrigin Eigenschaft (nur für 2D-Konvertierung).

Chrome, Safari und Opera unterstützen eine weitere Alternative der Immobilie Attribut, das Eigentum WebkitTransformOrigin (kann für 3D- und 2D-Konvertierung verwendet werden).

Grammatik

Zurück transformOrigin Eigenschaften:

object .style.transformOrigin

Einstellen transformOrigin Eigenschaften:

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

Eigenschaft Wert

值 描述
x-axis 定义视图被置于 X 轴的何处。可能的值：
  • left
  • center
  • right
  • length
  • %
y-axis 定义视图被置于 Y 轴的何处。可能的值：
  • top
  • center
  • bottom
  • length
  • %
z-axis 定义视图被置于 Z 轴的何处（用于 3D 转换）。可能的值：
  • length
initial 设置该属性为它的默认值。请参阅 initial 。
inherit 从父元素继承该属性。请参阅 inherit 。

Technische Details

Standard: 50% 50% 0
Rückkehr: Zeichenfolge, die den Transformationsursprungseigenschaft Element.
CSS-Version CSS3

In Verbindung stehende Artikel

JavaScript - Art - Objekte: die Transform- Eigenschaft

CSS - Referenzhandbuch: die Transformation Eigenschaft-Origin

Style-Objekt Referenz Style - Objekte