perspectiveOrigin

Misol

3D elementning asosiy joylashuvini o‘rnating:

document.getElementById("myDIV").style.perspectiveOrigin = "10px 50%";
O‘zingiz sinab ko‘ring »

ULASHISH

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:

  • left
  • center
  • right
  • length
  • %

Standart qiymat: 50%

y-axis Ko‘rish nuqtasi y o‘qida qayerda joylashishini belgilaydi

Mumkin bo‘lgan qiymatlar:

  • top
  • center
  • bottom
  • length
  • %

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!