Style transformOrigin Property

döndürülmüş elementin taban yerleşimini ayarlayın:

document.getElementById("myDIV").style.transformOrigin = "0 0";

Tanımı ve Kullanımı

transformOrigin özelliği dönüştürülmüş unsurları konumunu değiştirmek için izin verir.

2D dönüştürülmüş elemanı, elemanın x ve y-ekseni değiştirebilir. 3D dönüştürülmüş elemanı elemanın z ekseni değiştirebilir.

Note: Bu özellik ile birlikte kullanılması gerekir dönüşümü özelliği.

transformOrigin özellik Internet Explorer 10, Firefox ve Opera desteklenir.

Internet Explorer 9 ama sadece 2D-dönüşümleri için, alternatif, msTransformOrigin özelliğini destekler.

Chrome, Safari ve Opera 2D ve 3D-transfoms ikisi için bir alternatif, WebkitTransformOrigin özelliğini destekler.

transformOrigin özelliğini Dönüş:

object .style.transformOrigin

transformOrigin özelliğini ayarlayın:

object .style.transformOrigin=" Mülkiyet Değerler

değer	Açıklama
x-axis	Görünüş x-ekseninde yerleştirildiği tanımlanması. Olası değerler: ayrıldı merkez sağ length %
y-axis	görünüşüdür Y ekseni de yerleştirildiği tanımlanması. Olası değerler: üst merkez alt length %
z-axis	Görünüşüdür z ekseni de yerleştirildiği tanımlama (for 3D transforms) . Olası değerler: length
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

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

JavaScript Stil Nesne: transform property