perspectiveOrigin
Misol
3D elementning asosiy joylashuvini o‘rnating:
document.getElementById("myDIV").style.perspectiveOrigin = "10px 50%";O‘zingiz sinab ko‘ring »
Tavsif
perspectiveOrigin xususiyati 3D element x va y o‘qlarida qayerga asoslanishini belgilaydi. Bu xususiyat 3D elementlarning pastki joylashuvini o‘zgartirish imkonini beradi.
Element uchun perspectiveOrigin xususiyati belgilanganda elementning o‘zi EMAS, balki uning FARZAND elementlari joylashtiriladi.
Eslatma: Bu xususiyat perspective xususiyati bilan birga ishlatilishi kerak va faqat 3D transformatsiya qilingan elementlarga ta’sir qiladi!
Brauzerlarda qo‘llab-quvvatlash
Jadvaldagi sonlar xususiyatni to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.
| Xususiyat | |||||
|---|---|---|---|---|---|
| perspectiveOrigin | 36.0 | 10.0 | 16.0 | 6.1 | 23.0 |
Sintaksis
perspectiveOrigin xususiyatini qaytarish:
object.style.perspectiveOrigin
perspectiveOrigin xususiyatini o‘rnatish:
object.style.perspectiveOrigin = "x-axis y-axis|initial|inherit"
Xususiyat qiymatlari
| Qiymat | Tavsif |
|---|---|
| x-axis | Ko‘rish nuqtasi x o‘qida qayerda joylashishini belgilaydi Mumkin bo‘lgan qiymatlar:
Standart qiymat: 50% |
| y-axis | Ko‘rish nuqtasi y o‘qida qayerda joylashishini belgilaydi Mumkin bo‘lgan qiymatlar:
Standart qiymat: 50% |
| 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% |
|---|---|
| Qaytariladigan qiymat: | Elementning perspective-origin xususiyatini ifodalovchi String |
| CSS versiyasi | CSS3 |
Tegishli sahifalar
JavaScript Style obyekti: perspective xususiyati
CSS ma’lumotnomasi: perspective-origin xususiyati
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!
