JavaScript HTML DOM Style perspectiveOrigin 属性

perspectiveOrigin 属性

perspectiveOrigin属性定义3D元素在x轴和y轴中的位置。此属性允许您更改3D元素的底部位置。为元素定义perspectiveOrigin属性时，它是定位的子元素，而不是元素本身。

注意：此属性必须与perspective属性一起使用，并且仅影响3D转换后的元素！
设置3D元素的基本位置：
```
document.getElementById("myDIV").style.perspectiveOrigin = "10px 50%";
```
尝试一下

浏览器支持

项	IE/Edge	Chrome	FireFox	Safari	Opera
属性
perspectiveOrigin	10.0+	36.0+	16.0+	6.1+	23.0+

项

IE/Edge

Chrome

FireFox

Safari

Opera

属性

perspectiveOrigin

10.0+

36.0+

16.0+

6.1+

23.0+

注意：旧版Chrome，Safari和Opera支持另一种WebkitperspectiveOrigin属性。

语法

返回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	设置这个属性为默认值。阅读有关
inherit	从其父元素继承此属性。阅读有关

值

描述

x-axis

定义视图放置在x轴的位置，可能的值：

left
center
right
length
%

默认值: 50%

y-axis

定义视图放置在y轴的位置，可能的值：

top
center
bottom
length
%

默认值: 50%

initial

设置这个属性为默认值。阅读有关

inherit

从其父元素继承此属性。阅读有关

技术细节

项目	描述
默认值：	50％ 50％
返回值：	一个字符串，表示元素的perspective-origin属性
CSS版本	CSS3

项目

描述

默认值：

50％ 50％

返回值：

一个字符串，表示元素的perspective-origin属性

CSS版本

CSS3

JavaScript HTML DOM Style perspectiveOrigin 属性

perspectiveOrigin 属性

浏览器支持

语法

属性值

技术细节

相关页面