樣式 perspective 屬性
描述
perspective 屬性定義了 3D 元素與視角的距離（以畫素為單位）。此屬性允許您更改 3D 元素的檢視透視效果。
當為元素定義 perspective 屬性時，是子元素而不是元素本身獲得透視檢視！
注意： perspective 屬性僅影響 3D 轉換後的元素！
提示： 與 perspectiveOrigin 屬性一起使用此屬性，該屬性允許您更改 3D 元素的底部位置。
瀏覽器支援
表中的數字指定了完全支援該屬性的第一個瀏覽器版本。
| 屬性 | |||||
|---|---|---|---|---|---|
| perspective | 36.0 | 10.0 | 16.0 | 6.1 | 23.0 |
語法
返回 perspective 屬性
object.style.perspective
設定 perspective 屬性
object.style.perspective = "length|none"
屬性值
| 值 | 描述 |
|---|---|
| length | 元素與視角之間的距離 |
| none | 預設值。與 0 相同。未設定透視 |
| initial | 將此屬性設定為其預設值。閱讀關於 initial |
| inherit | 從其父元素繼承此屬性。閱讀關於 inherit |
技術詳情
| 預設值 | none |
|---|---|
| 返回值 | 一個字串，表示元素的 perspective 屬性 |
| CSS 版本 | CSS3 |
相關頁面
JavaScript 樣式物件：perspectiveOrigin 屬性
CSS 參考：perspective 屬性
