目录

style transformOrigin 属性

示例

设置旋转元素的基本位置:

document.getElementById("myDIV").style.transformOrigin = "0 0";
亲自试一试 »

描述

TransformOrigin 属性允许您更改变换后的元素的位置。

2D 变换元素可以更改元素的 x 轴和 y 轴。 3D 变换元素还可以更改元素的 z 轴。

笔记:该属性必须与转换属性。


浏览器支持

表中的数字指定完全支持该属性的第一个浏览器版本。

Property
transformOrigin 36.0 10.0 16.0 9.0 23.0


语法

返回transformOrigin属性:

object.style.transformOrigin

设置transformOrigin属性:

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

属性值

Value Description
x-axis Defining where the view is placed at the x-axis. Possible values:
  • left
  • center
  • right
  • length
  • %
y-axis Defining where the view is placed at the y-axis. Possible values:
  • top
  • center
  • bottom
  • length
  • %
z-axis Defining where the view is placed at the z-axis (for 3D transforms). Possible values:
  • length
initial Sets this property to its default value. Read about initial
inherit Inherits this property from its parent element. Read about inherit

技术细节

默认值: 50% 50% 0
返回值: 一个字符串,表示元素的transform-origin属性
CSS版本 CSS3

相关页面

JavaScript 样式对象:变换属性

CSS 参考:变换原点属性