Style perspectiveOrigin 属性

定义和用法

perspectiveOrigin 属性定义 3D 元素在 x 轴和 y 轴上的位置。此属性允许您更改 3D 元素的底部位置。

在定义元素的 perspectiveOrigin 属性时，定位的是子元素，而不是元素本身。

注释：此属性必须与 perspective 属性 一起使用，并且仅影响 3D 转换的元素！

另请参阅：

JavaScript Style 对象：perspective 属性

CSS 参考手册：perspective-origin 属性

实例

设置 3D 元素的基准位置：

document.getElementById("myDIV").style.perspectiveOrigin = "10px 50%";

亲自试一试

语法

返回 perspectiveOrigin 属性：

object.style.perspectiveOrigin

设置 perspectiveOrigin 属性：

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

属性值

值 描述
x-axis

定义视图在 x 轴的位置。

  • left
  • center
  • right
  • length
  • %

默认值：50%
y-axis

定义视图在 y 轴的位置。

可能的值：

  • top
  • center
  • bottom
  • length
  • %

默认值：50%
initial 将此属性设置为其默认值。请参阅 initial。
inherit 从其父元素继承此属性。请参阅 inherit。

技术细节

默认值： 50% 50%
返回值： 字符串，表示元素的 perspective-origin 属性。
Versi CSS: CSS3

Dukungan pereka

Nombor di dalam tabel menunjukkan versi paling awal penggunaan browser yang menyokong sifat ini.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
36.0 10.0 16.0 6.1 23.0