×
参考手册概览

JavaScript 对象

JavaScript Array 对象手册 JavaScript Array 对象JavaScript Boolean 对象JavaScript Date 对象JavaScript Math 对象JavaScript Number 对象JavaScript String 对象JavaScript RegExp 对象JavaScript 全局属性/函数JavaScript 运算符

Browser 对象

Window 对象Navigator 对象Screen 对象History 对象Location 对象

DOM 对象

HTML DOM DocumentHTML DOM 元素对象HTML DOM 属性对象HTML DOM 事件对象

HTML 对象

<a><area><audio><base><blockquote><body><button><canvas><col><colgroup><datalist><del><details><dialog><embed><fieldset><form><iframe><frameset ><img><ins><input> - button<input> - checkbox<input> - color<input> - date<input> - datetime<input> - datetime-local<input> - email<input> - file<input> - hidden<input> - image<input> - month<input> - number<input> - range<input> - password<input> - radio<input> - reset<input> - search<input> - submit<input> - text<input> - time<input> - url<input> - week<keygen><link><label><legend><li><map><menu><menuItem><meta><meter><object><ol><optgroup><option><param><progress><q><script><select><source><style><table><td><th><tr><textarea><title><time><track><video>

Style perspective 属性

HTML DOM Style 对象HTML DOM Style 对象

实例

设置元素被查看位置的视角：

document.getElementById("myDIV").style.perspective="50px";

尝试一下 »

定义和用法

perspective 属性定义 3D 元素距视图的距离，以像素计。该属性允许您改变 3D 元素被查看的视角。

当为元素定义 perspective 属性时，其子元素会获得透视效果，而不是元素本身。

注意：perspective 属性只影响 3D 转换元素！

提示：请把该属性与 perspectiveOrigin 属性一起使用，这样您就能够改变 3D 元素的底部位置。

浏览器支持

Internet Explorer Firefox Opera Google Chrome Safari

IE10+ 和 Firefox 支持 perspective 属性。

Chrome、Safari 和 Opera 支持另一个可替代该属性的属性，即 WebkitPerspective 属性。

语法

返回 perspective 属性：

object.style.perspective

设置 perspective 属性：

object.style.perspective="length|none"

属性值

值 描述
length 元素距离视图的距离，以像素计。
none 默认值。与 0 相同。不设置透视。
initial 设置该属性为它的默认值。请参阅 initial。
inherit 从父元素继承该属性。请参阅 inherit。

技术细节

默认值： none
返回值： 字符串，表示元素的 perspective 属性。
CSS 版本 CSS3

相关文章

JavaScript Style 对象：perspectiveOrigin 属性

CSS 参考手册：perspective 属性

HTML DOM Style 对象HTML DOM Style 对象

分类导航

关注微信下载离线手册

bootwiki移动版 bootwiki
(群号：472910771)