منظور النمط خاصية الأصل
مثال
تعيين الموضع الأساسي لعنصر ثلاثي الأبعاد:
document.getElementById("myDIV").style.perspectiveOrigin = "10px 50%";
التعريف والاستخدام
تحدد خاصية formatOrigin مكان إنشاء العنصر ثلاثي الأبعاد في المحور x والمحور y. تتيح لك هذه الخاصية تغيير الموضع السفلي للعناصر ثلاثية الأبعاد.
عند تحديد خاصية المنظور المنظور لعنصر ما ، فإن عناصر CHILD هي التي يتم وضعها وليس العنصر نفسه.
ملاحظة: يجب استخدام هذه الخاصية مع خاصية المنظور ، ولا تؤثر إلا على العناصر المحولة ثلاثية الأبعاد!
دعم المتصفح
تحدد الأرقام الواردة في الجدول إصدار المتصفح الأول الذي يدعم الخاصية بالكامل.
Property | |||||
---|---|---|---|---|---|
perspectiveOrigin | 36.0 | 10.0 | 16.0 | 6.1 | 23.0 |
ملاحظة: يدعم Chrome القديم و Safari و Opera خاصية WebkitPerspectiveOrigin البديلة.
بناء الجملة
إرجاع المنظورأصل الخاصية:
object.style.perspectiveOrigin
قم بتعيين منظور الخاصية Origin:
object.style.perspectiveOrigin = "x-axis y-axis|initial|inherit"
قيم الملكية
Value | Description |
---|---|
x-axis | Defining where the view is placed at the x-axis Possible values:
Default value: 50% |
y-axis | Defining where the view is placed at the y-axis Possible values:
Default value: 50% |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
تفاصيل تقنية
القيمة الافتراضية: | 50٪ 50٪ |
---|---|
قيمة الإرجاع: | سلسلة ، تمثل خاصية أصل المنظور للعنصر |
إصدار CSS | CSS3 |
الصفحات ذات الصلة
كائن نمط JavaScript: خاصية المنظور
مرجع CSS: خاصية أصل المنظور
❮ نمط الكائن