خاصية منظور النمط
مثال
قم بتعيين المنظور من حيث يتم عرض العنصر:
document.getElementById("myDIV").style.perspective = "50px";
التعريف والاستخدام
تحدد خاصية المنظور عدد وحدات البكسل التي يتم وضعها لعنصر ثلاثي الأبعاد من العرض. تتيح لك هذه الخاصية تغيير المنظور الخاص بكيفية عرض العناصر ثلاثية الأبعاد.
عند تحديد خاصية المنظور لعنصر ما ، فإن عناصر CHILD هي التي تحصل على عرض المنظور ، وليس العنصر نفسه.
ملاحظة: تؤثر خاصية المنظور فقط على العناصر المحولة ثلاثية الأبعاد!
تلميح: استخدم هذه الخاصية مع خاصية formatOrigin التي تسمح لك بتغيير الموضع السفلي للعناصر ثلاثية الأبعاد.
دعم المتصفح
تحدد الأرقام الواردة في الجدول إصدار المتصفح الأول الذي يدعم الخاصية بالكامل.
Property | |||||
---|---|---|---|---|---|
perspective | 36.0 | 10.0 | 16.0 | 6.1 | 23.0 |
ملاحظة: يدعم Chrome و Safari و Opera القديم خاصية WebkitPerspective البديلة.
بناء الجملة
إرجاع خاصية المنظور:
object.style.perspective
قم بتعيين خاصية المنظور:
object.style.perspective = "length|none"
قيم الملكية
Value | Description |
---|---|
length | How far the element is placed from the view |
none | Default value. Same as 0. The perspective is not set |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
تفاصيل تقنية
القيمة الافتراضية: | لا أحد |
---|---|
قيمة الإرجاع: | سلسلة ، تمثل خاصية المنظور للعنصر |
إصدار CSS | CSS3 |
الصفحات ذات الصلة
كائن نمط JavaScript: خاصية المنظور
مرجع CSS: خاصية المنظور
❮ نمط الكائن