JavaScript HTML DOM Style transformOrigin 属性

  • transformOrigin 属性

    transformOrigin属性允许您更改已转换元素的位置。2D变换元素可以改变元素的x轴和y轴。3D变换元素也可以改变元素的z轴。
    注意:此属性必须与transform属性一起使用。
    设置旋转元素的基本位置:
    document.getElementById("myDIV").style.transformOrigin = "0 0";
    尝试一下
  • 浏览器支持

    IE/Edge Chrome FireFox Safari Opera
    属性
    transformOrigin
    10.0
    9.0 mstransformOrigin
    36.0+
    16.0+
    不支持
    用 WebkitTransformOrigin
    23.0+
  • 语法

    返回transformOrigin属性:
    object.style.transformOrigin
    设置transformOrigin属性:
    object.style.transformOrigin = "x-axis y-axis z-axis|initial|inherit"
  • 属性值

    描述
    x-axis 定义视图放置在x轴的位置。 可能的值:
    • left
    • center
    • right
    • length
    • %
    y-axis 定义视图放置在y轴的位置。 可能的值:
    • top
    • center
    • bottom
    • length
    • %
    z-axis 定义视图放置在z轴的位置。 可能的值:
    • length
    initial 设置这个属性为默认值。 阅读有关initial信息
    inherit 从其父元素继承此属性。 阅读有关inherit的信息
  • 技术细节

    项目 描述
    默认值: 50% 50% 0
    返回值: 一个字符串,表示元素的transform-origin属性
    CSS版本 CSS3
  • 相关页面