خاصية أصل منظور CSS
مثال
حدد المكان الذي ينظر فيه المستخدم إلى العنصر ثلاثي الأبعاد:
#div1
{
perspective: 100px;
perspective-origin: left;
}
التعريف والاستخدام
تحدد الخاصية المكان الذي ينظر perspective-origin
فيه المستخدم إلى العنصر ثلاثي الأبعاد.
عند تحديد perspective-origin
خاصية لعنصر ما ، فإن عناصر CHILD هي التي ستحصل على التأثير ، وليس العنصر نفسه.
ملاحظة: يجب استخدام هذه الخاصية مع خاصية المنظور !
لفهم خاصية أصل المنظور بشكل أفضل ، شاهد العرض التوضيحي .
القيمة الافتراضية: | 50٪ 50٪ |
---|---|
وارث: | رقم |
متحرك: | نعم. اقرأ عن animatable |
الإصدار: | CSS3 |
بناء جملة JavaScript: | الكائن .style.perspectiveOrigin = "10px 50٪" |
دعم المتصفح
تحدد الأرقام الواردة في الجدول إصدار المتصفح الأول الذي يدعم الخاصية بالكامل.
تحدد الأرقام المتبوعة بـ -webkit- أو -moz- الإصدار الأول الذي يعمل مع بادئة.
Property | |||||
---|---|---|---|---|---|
perspective-origin | 36.0 12.0 -webkit- |
10.0 | 16.0 10.0 -moz- |
9.0 4.0.3 -webkit- |
23.0 15.0 -webkit- |
بنية CSS
perspective-origin: x-axis y-axis|initial|inherit;
قيم الملكية
Property 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 |
الصفحات ذات الصلة
برنامج CSS التعليمي: CSS 3D Transforms
مرجع DOM HTML: خاصية المنظور