Style perspectiveOrigin özelliği

Tanım ve Kullanım

perspectiveOrigin özelliği, 3D öğesinin x ekseninde ve y eksenindeki konumunu tanımlar. Bu özellik, 3D öğesinin alt tarafını değiştirmenizi sağlar.

Bir öğenin perspectiveOrigin Özelliği kullanırken, konumlandırılan öğe, öğe kendisi değil, alt öğedir.

Açıklama:Bu özellik, perspective özelliği Birlikte kullanılır ve yalnızca 3D dönüşümü olan öğeleri etkiler!

Ayrıca bakınız:

JavaScript Style nesnesi:perspective özelliği

CSS Referans Kılavuzu:perspective-origin özelliği

Örnek

3D öğesinin temel konumunu ayarlayın:

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

Kişisel olarak deneyin

Sözdizimi

perspectiveOrigin özelliğini döndürün:

nesne.style.perspectiveOrigin

perspectiveOrigin özelliğini ayarlayın:

nesne.style.perspectiveOrigin = "x-axis y-axis|initial|inherit"

Özellik değeri

Değer Açıklama
x-axis

Görünümün x eksenindeki konumunu tanımlar.

  • left
  • center
  • right
  • uzunluk
  • %

Öntanımlı değer: 50%
y-axis

Görünümün y eksenindeki konumunu tanımlar.

Olası değerler:

  • top
  • center
  • bottom
  • uzunluk
  • %

Öntanımlı değer: 50%
initial Bu özelliği öntanımlı değerine ayarlayın. Bakınız initial。
inherit Bu özelliği, ebeveyn öğesinden bu özelliği devralır. Bakınız inherit。

Teknik ayrıntılar

Öntanımlı değer: 50% 50%
Dönüş değeri: dize,元素的 perspective-origin özelliği。
CSS sürümü: CSS3

Tarayıcı desteği

Tablo içindeki numaralar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtmektedir.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
36.0 10.0 16.0 6.1 23.0