خصائص perspectiveOrigin Style

  • الصفحة السابقة
  • الصفحة التالية
  • العودة إلى المستوى السابق مثل HTML DOM Style

التعريف والاستخدام

perspectiveOrigin تعرف الخاصية 3D على موقع أسفل العنصر في المحور x وy. تسمح هذه الخاصية بتغيير موقع أسفل العنصر 3D.

عند تعريف الخاصية perspectiveOrigin عندما يتم تحديد الخاصية

التعليقات:يجب أن تكون هذه الخاصية متزامنة مع خصائص perspective استخدامها معًا، ويمكنها التأثير فقط على العناصر التي تحول 3D!

يرجى الرجوع إلى:

مثل JavaScript Style Object:خصائص perspective

دليل CSSخصائص perspective-origin

مثال

إعداد موقع الأساس للعنصر 3D:

document.getElementById("myDIV").style.perspectiveOrigin = "10px 50%";

جرب بنفسك

النحو

استرداد خصائص perspectiveOrigin:

الشكل.style.perspectiveOrigin

إعداد خصائص perspectiveOrigin:

الشكل.style.perspectiveOrigin = "x-axis y-axis|initial|inherit"

قيمة الخصائص

القيمة الوصف
محور x

يحدد موقع الرؤية في المحور x.

  • يسار
  • وسط
  • يمين
  • طول
  • %

القيمة الافتراضية: 50%

محور y

يحدد موقع الرؤية في المحور y.

القيم الممكنة:

  • أعلى
  • وسط
  • أسفل
  • طول
  • %

القيمة الافتراضية: 50%

القيمة الافتراضية ضع هذا الخصائص في قيمته الافتراضية. يرجى الرجوع إلى القيمة الافتراضية
التوريث يورث هذا الخصائص من عنصر الأب. يرجى الرجوع إلى التوريث

تفاصيل التقنية

القيمة الافتراضية: 50% 50%
النتيجة المقدمة: قيمة نصية، تعبر عن خصائص perspective-origin
إصدار CSS: CSS3

دعم المتصفح

الرقم في الجدول يشير إلى إصدار متصفح يدعم الخاصية بشكل كامل.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
36.0 10.0 16.0 6.1 23.0
  • الصفحة السابقة
  • الصفحة التالية
  • العودة إلى المستوى السابق مثل HTML DOM Style