transformOrigin

Misol

Burilgan elementning asosiy joylashuvini o‘rnating:

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

Tavsif

transformOrigin xususiyati transformatsiya qilingan elementlarning joylashuvini o‘zgartirish imkonini beradi.

2D transformatsiya qilingan element elementning x va y o‘qlarini o‘zgartira oladi. 3D transformatsiya qilingan element esa elementning z o‘qini ham o‘zgartira oladi.

Eslatma: Bu xususiyat transform xususiyati bilan birga ishlatilishi kerak.

Brauzerlarda qo‘llab-quvvatlash

Jadvaldagi sonlar xususiyatni to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.

Xususiyat
transformOrigin	36.0	10.0	16.0	9.0	23.0

Sintaksis

transformOrigin xususiyatini qaytarish:

object.style.transformOrigin

transformOrigin xususiyatini o‘rnatish:

object.style.transformOrigin = "x-axis y-axis z-axis|initial|inherit"

Xususiyat qiymatlari

Qiymat	Tavsif
x-axis	Ko‘rish nuqtasi x o‘qida qayerda joylashishini belgilaydi. Mumkin bo‘lgan qiymatlar: left center right length %
y-axis	Ko‘rish nuqtasi y o‘qida qayerda joylashishini belgilaydi. Mumkin bo‘lgan qiymatlar: top center bottom length %
z-axis	Ko‘rish nuqtasi z o‘qida qayerda joylashishini belgilaydi (3D transformatsiyalar uchun). Mumkin bo‘lgan qiymatlar: length
initial	Bu xususiyatni standart qiymatiga o‘rnatadi. initial haqida o‘qing
inherit	Bu xususiyatni ota elementidan meros qilib oladi. inherit haqida o‘qing

Texnik tafsilotlar

Standart qiymat:	50% 50% 0
Qaytariladigan qiymat:	Elementning transform-origin xususiyatini ifodalovchi String
CSS versiyasi	CSS3

Tegishli sahifalar

JavaScript Style obyekti: transform xususiyati

CSS ma’lumotnomasi: transform-origin xususiyati

W3Schools Pathfinder

Yutuqlaringizni kuzating – bu bepul!

Ro'yxatdan o'tish Kirish