Stil transformOrigin Özellik
Örnek
Döndürülmüş bir öğenin temel yerleşimini ayarlayın:
document.getElementById("myDIV").style.transformOrigin = "0 0";
Tanım ve Kullanım
transformOrigin özelliği, dönüştürülmüş öğeler üzerindeki konumu değiştirmenize olanak tanır.
2D dönüştürülmüş eleman, elemanın x ve y eksenini değiştirebilir. 3B dönüştürülmüş eleman, elemanın z eksenini de değiştirebilir.
Not: Bu özellik, transform özelliği ile birlikte kullanılmalıdır .
Tarayıcı Desteği
Tablodaki sayılar, özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
Property | |||||
---|---|---|---|---|---|
transformOrigin | 36.0 | 10.0 9.0 msTransformOrigin |
16.0 | 9.0 | 23.0 |
Sözdizimi
transformOrigin özelliğini döndürün:
object.style.transformOrigin
transformOrigin özelliğini ayarlayın:
object.style.transformOrigin = "x-axis y-axis z-axis|initial|inherit"
Mülk değerleri
Value | Description |
---|---|
x-axis | Defining where the view is placed at the x-axis. Possible values:
|
y-axis | Defining where the view is placed at the y-axis. Possible values:
|
z-axis | Defining where the view is placed at the z-axis (for 3D transforms). Possible values:
|
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 0 |
---|---|
Geri dönüş değeri: | Bir öğenin transform-origin özelliğini temsil eden bir String |
CSS Sürümü | CSS3 |
İlgili Sayfalar
JavaScript Stil Nesnesi: dönüştürme özelliği
CSS referansı: transform-origin özelliği
❮ Stil Nesnesi