خاصية تحويل نمط CSS
مثال
دع العناصر الفرعية المحولة تحافظ على التحولات ثلاثية الأبعاد:
div
{
transform: rotateY(60deg);
transform-style: preserve-3d;
}
التعريف والاستخدام
تحدد الخاصية كيفية عرض transform-style
العناصر المتداخلة في مساحة ثلاثية الأبعاد.
ملاحظة: يجب استخدام هذه الخاصية مع خاصية التحويل .
لفهم transform-style
الملكية بشكل أفضل ،
قم بمشاهدة العرض التوضيحي .
القيمة الافتراضية: | الشقة |
---|---|
وارث: | رقم |
متحرك: | رقم. اقرأ عن animatable |
الإصدار: | CSS3 |
بناء جملة JavaScript: | الكائن .style.transformStyle = "save-3d" |
دعم المتصفح
تحدد الأرقام الواردة في الجدول إصدار المتصفح الأول الذي يدعم الخاصية بالكامل.
تحدد الأرقام المتبوعة بـ -webkit- أو -moz- الإصدار الأول الذي يعمل مع بادئة.
Property | |||||
---|---|---|---|---|---|
transform-style | 36.0 12.0 -webkit- |
11.0 | 16.0 10.0 -moz- |
9.0 4.0 -webkit- |
23.0 15.0 -webkit- |
بنية CSS
transform-style: flat|preserve-3d|initial|inherit;
قيم الملكية
Property Value | Description |
---|---|
flat | Specifies that child elements will NOT preserve its 3D position. This is default |
preserve-3d | Specifies that child elements will preserve its 3D position |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
الصفحات ذات الصلة
دروس CSS: تحويلات CSS 2D
برنامج CSS التعليمي: CSS 3D Transforms
مرجع HTML DOM: خاصية transformStyle