الخاصية transform-style
< CSS
الخاصية transform-style في CSS تُحدِّد إن كانت العناصر الأبناء للعنصر الحالي موجودة في الفضاء ثلاثي الأبعاد أو كانت مسطحةً (flattened) في مستوى العنصر الأب؛ وإذا كانت مسطحةً فهذا يعني أنها لن تكون موجودة في فضاءٍ ثلاثي الأبعاد خاصٍ بها.
بطاقة الخاصية
| القيمة الابتدائية | flat
|
|---|---|
| تُطبَّق على | جميع العناصر. |
| قابلة للوراثة | لا |
| قابلة للتحريك | لا |
| القيمة المحسوبة | كما حُدِّدَت. |
/* كلمات محجوزة */
transform-style: preserve-3d;
transform-style: flat;
/* القيم العامة */
transform-style: inherit;
transform-style: initial;
transform-style: unset;
دعم المتصفحات
| الميزة | Chrome | Firefox | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| الدعم الأساسي | 12.0 (مع السابقة -webkit-)
|
10.0 (مع السابقة -moz-)
16.0 |
غير مدعومة | 15 (مع السابقة -webkit-)
|
3.1 (مع السابقة -webkit-)
|
البنية العامة
تقبل الخاصية transform-style الكلمة المحجوزة preserve-3d أو flat.
preserve-3d
العناصر الأبناء للعنصر الحالي ستكون موجودةً في الفضاء ثلاثي الأبعاد.
flat
العناصر الأبناء للعنصر الحالي ستكون مسطحةً (flattened) في مستوى العنصر الأب.
البنية الرسمية
transform-style: flat | preserve-3d;
انظر أيضًا
- صفحة الخاصية
transformوصفحة الخاصيات الفرعية التي تضبطها هذه الخاصية وهيtransform-origin.
مصادر ومواصفات
- مسودة CSS Transforms Level 2.