最新的Web開發教程
 

Style perspective Property

<Style對象

設置從那裡一個元件被觀察的透視圖:

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

定義和用法

的立體屬性定義多少像素的三維元件從視圖放置。 這個屬性可以讓你改變被視為如何3D元素的視角。

當定義一個元素的角度特性,它是子元素獲得立體圖,NOT元件本身。

Note:透視屬性只影響3D轉換的元素!

Tip:與一起使用此屬性perspectiveOrigin屬性,它允許您更改3D元素的底部位置。


瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

透視屬性在IE10 +和Firefox支持。

Chrome瀏覽器,Safari和Opera支持替代方案,WebkitPerspective財產。


句法

返回的角度屬性:

object .style.perspective

設置透視屬性:

object .style.perspective=" 屬性值
描述
length 多遠的元素從視圖中放置
none 默認值。 同樣為0。透視未設置
initial 將此屬性設置為默認值。 閱讀關於初始
inherit 繼承其父元素此屬性。 閱讀關於繼承

技術細節

默認值: 沒有
返回值: 一個字符串,表示元件的透視屬性
CSS版本 CSS3

相關頁面

JavaScript的Style對象: perspectiveOrigin property

CSS參考: perspective property


<Style對象