Stil perspektifiOrigin Özellik
Örnek
Bir 3B öğenin temel yerleşimini ayarlayın:
document.getElementById("myDIV").style.perspectiveOrigin = "10px 50%";
Tanım ve Kullanım
PerspektifOrigin özelliği, bir 3B öğenin x ve y ekseninde nerede temellendiğini tanımlar. Bu özellik, 3B öğelerin alt konumunu değiştirmenize olanak tanır.
Bir öğe için perspektifOrigin özelliğini tanımlarken, konumlandırılan öğenin kendisi DEĞİL, CHILD öğeleridir.
Not: Bu özellik, perspektif özelliği ile birlikte kullanılmalıdır ve yalnızca 3B dönüştürülmüş öğeleri etkiler!
Tarayıcı Desteği
Tablodaki sayılar, özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
Property | |||||
---|---|---|---|---|---|
perspectiveOrigin | 36.0 | 10.0 | 16.0 | 6.1 | 23.0 |
Not: Eski Chrome, Safari ve Opera, WebkitPerspectiveOrigin özelliği olan bir alternatifi destekler.
Sözdizimi
PerspektifOrigin özelliğini döndürün:
object.style.perspectiveOrigin
PerspektifOrigin özelliğini ayarlayın:
object.style.perspectiveOrigin = "x-axis y-axis|initial|inherit"
Mülk değerleri
Value | Description |
---|---|
x-axis | Defining where the view is placed at the x-axis Possible values:
Default value: 50% |
y-axis | Defining where the view is placed at the y-axis Possible values:
Default value: 50% |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Teknik detaylar
Varsayılan değer: | %50 %50 |
---|---|
Geri dönüş değeri: | Bir elemanın perspektif-orijin özelliğini temsil eden bir String |
CSS Sürümü | CSS3 |
İlgili Sayfalar
JavaScript Stil Nesnesi: perspektif özelliği
CSS referansı: perspektif kökenli özellik
❮ Stil Nesnesi