樣式 perspectiveOrigin 屬性
描述
perspectiveOrigin 屬性定義了 3D 元素在 x 軸和 y 軸上的基準位置。此屬性允許您更改 3D 元素的底部位置。
當為元素定義 perspectiveOrigin 屬性時，定位的是子元素，而不是元素本身。
注意：此屬性必須與 perspective 屬性一起使用，並且僅影響 3D 轉換的元素！
瀏覽器支援
表中的數字指定了完全支援該屬性的第一個瀏覽器版本。
| 屬性 | |||||
|---|---|---|---|---|---|
| perspectiveOrigin | 36.0 | 10.0 | 16.0 | 6.1 | 23.0 |
語法
返回 perspectiveOrigin 屬性
object.style.perspectiveOrigin
設定 perspectiveOrigin 屬性
object.style.perspectiveOrigin = "x-axis y-axis|initial|inherit"
屬性值
| 值 | 描述 |
|---|---|
| x-axis | 定義視點在 x 軸上的位置 可能的值
預設值：50% |
| y-axis | 定義視點在 y 軸上的位置 可能的值
預設值：50% |
| initial | 將此屬性設定為其預設值。閱讀關於 initial |
| inherit | 從其父元素繼承此屬性。閱讀關於 inherit |
技術詳情
| 預設值 | 50% 50% |
|---|---|
| 返回值 | 一個字串，表示元素的 perspective-origin 屬性 |
| CSS 版本 | CSS3 |
相關頁面
JavaScript 樣式物件：perspective 屬性
CSS 參考：perspective-origin 屬性
