最新的Web開發教程
 

Style perspectiveOrigin Property

<Style對象

設置一個3D元素的根放置:

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

定義和用法

所述perspectiveOrigin屬性定義其中3D元件是基於在x方向和y軸。 此屬性允許您更改3D元素的底部位置。

當定義一個元素的屬性perspectiveOrigin,它是位於所述子元素,而不是元素本身。

Note:此屬性必須與使用的角度屬性,只影響3D轉換的元素!


瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

該perspectiveOrigin屬性在IE10 +和Firefox支持。

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


句法

返回perspectiveOrigin屬性:

object .style.perspectiveOrigin

設置perspectiveOrigin屬性:

object .style.perspectiveOrigin=" 屬性值
描述
x-axis 限定,其中該視圖被放置在x軸

可能的值:

  • 剩下
  • 中央
  • length
  • %

默認值:50%

y-axis 限定,其中該視圖被放置在Y軸

可能的值:

  • 最佳
  • 中央
  • 底部
  • length
  • %

默認值:50%

initial 將此屬性設置為默認值。 閱讀關於初始
inherit 繼承其父元素此屬性。 閱讀關於繼承

技術細節

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

相關頁面

JavaScript的Style對象: perspective property

CSS參考: perspective-origin property


<Style對象