الخاصية transform-style

من موسوعة حسوب
< CSS
مراجعة 15:40، 28 يناير 2018 بواسطة عبد اللطيف ايمش (نقاش | مساهمات) (استبدال النص - '\[\[تصنيف:(.*)\]\]' ب'{{SUBPAGENAME}}')
اذهب إلى التنقل اذهب إلى البحث

الخاصية transform-style في CSS تُحدِّد إن كانت العناصر الأبناء للعنصر الحالي موجودة في الفضاء ثلاثي الأبعاد أو كانت مسطحةً (flattened) في مستوى العنصر الأب؛ وإذا كانت مسطحةً فهذا يعني أنها لن تكون موجودة في فضاءٍ ثلاثي الأبعاد خاصٍ بها.

/* كلمات محجوزة */
transform-style: preserve-3d;
transform-style: flat;

/* القيم العامة */
transform-style: inherit;
transform-style: initial;
transform-style: unset;
القيمة الابتدائية flat
تُطبَّق على جميع العناصر.
قابلة للوراثة لا
قابلة للتحريك لا
القيمة المحسوبة كما حُدِّدَت.

دعم المتصفحات

الميزة 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;

مصادر ومواصفات