En son web geliştirme öğreticiler
 

Style perspectiveOrigin Property

<Stil Nesne

Örnek

3D öğesinin taban yerleşimini ayarlayın:

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

Tanımı ve Kullanımı

Bir 3D elemanı x- ve y-ekseni dayanır burada perspectiveOrigin özelliği tanımlar. Bu özellik 3B öğelerin alt konumunu değiştirmek için izin verir.

Bir öğe için perspectiveOrigin özelliği tanımlarken, bu konumlandırılmış ÇOCUK elemanları değil elemanı kendisidir.

Note: Bu özellik ile birlikte kullanılması gerekir perspektif mülkiyet ve sadece 3D elemanları dönüştürdü etkiler!


Tarayıcı Desteği

Internet ExplorerFirefoxOperaGoogle ChromeSafari

perspectiveOrigin özelliği IE10 + ve Firefox desteklenmektedir.

Chrome, Safari ve Opera bir alternatif, WebkitPerspecitveOrigin özelliğini desteklemez.


Sözdizimi

perspectiveOrigin özelliğini Dönüş:

object .style.perspectiveOrigin

perspectiveOrigin özelliğini ayarlayın:

object .style.perspectiveOrigin=" Mülkiyet Değerler
değer Açıklama
x-axis görünüşüdür x-ekseni yerleştirilir tanımlayan burada

Olası değerler:

  • ayrıldı
  • merkez
  • sağ
  • length
  • %

Standart değeri:% 50

y-axis görünüşüdür y ekseni yerleştirilir tanımlayan burada

Olası değerler:

  • üst
  • merkez
  • alt
  • length
  • %

Standart değeri:% 50

initial varsayılan değerine bu özelliği ayarlar. İlk hakkında okuyun
inherit üst öğesinden bu özelliği devralır. Yaklaşık miras oku

Teknik detaylar

Varsayılan değer: % 50,% 50
Geri dönüş değeri: bir elemanın perspektif menşeli özelliği temsil eden bir String,
CSS Sürüm CSS3

İlgili Sayfalar

JavaScript Stil Nesne: perspective property

CSS referansı: perspective-origin property


<Stil Nesne