أحدث البرامج التعليمية وتطوير الشبكة
 

Style perspectiveOrigin Property

<كائن نمط

مثال

تعيين وضع قاعدة عنصر 3D في:

document.getElementById("myDIV").style.perspectiveOrigin = "10px 50%";
انها محاولة لنفسك »

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

تحدد الملكية perspectiveOrigin حيث يقوم عنصر 3D في X- والمحور الصادي. هذه الخاصية تسمح لك بتغيير الموقف السفلي من عناصر 3D.

عند تحديد الملكية perspectiveOrigin للعنصر، فمن العناصر CHILD أن يتم وضعه، وليس العنصر نفسه.

Note: يجب استخدام هذه الخاصية مع منظور الملكية، ويؤثر فقط على تحويل 3D العناصر!


دعم المتصفح

Internet ExplorerFirefoxOperaGoogle ChromeSafari

ويدعم خاصية perspectiveOrigin في IE10 + وفايرفوكس.

كروم، سفاري، وأوبرا دعم بديل، الخاصية WebkitPerspecitveOrigin.


بناء الجملة

إعادة الممتلكات perspectiveOrigin:

object .style.perspectiveOrigin

تعيين الخاصية perspectiveOrigin:

object .style.perspectiveOrigin=" قيم الممتلكات
القيمة وصف
x-axis تحديد حيث يتم وضع عرض في محور س

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

  • اليسار
  • مركز
  • حق
  • length
  • %

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

y-axis تحديد حيث يتم وضع عرض في المحور الصادي

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

  • أعلى
  • مركز
  • الأسفل
  • length
  • %

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

initial تحدد هذه الخاصية إلى قيمته الافتراضية. قرأت عن الأولي
inherit يرث هذه الخاصية من عنصر الأم. قراءة حول وراثة

تفاصيل تقنية

القيمة الافتراضية: 50٪ 50٪
قيمة الإرجاع: A سلسلة تمثل الملكية منظور أصل عنصر
صفحة CSS CSS3

صفحات ذات صلة

كائن جافا سكريبت نمط: perspective property

CSS المرجع perspective-origin property


<كائن نمط