الفرق بين المراجعتين ل"CSS/transform-style"
< CSS
اذهب إلى التنقل
اذهب إلى البحث
ط (استبدال النص - '\[\[تصنيف:(.*)\]\]' ب'{{SUBPAGENAME}}') |
|||
| سطر 59: | سطر 59: | ||
== مصادر ومواصفات == | == مصادر ومواصفات == | ||
* مسودة [https://drafts.csswg.org/css-transforms-2/#transform-style-property CSS Transforms Level 2]. | * مسودة [https://drafts.csswg.org/css-transforms-2/#transform-style-property CSS Transforms Level 2]. | ||
| − | [[تصنيف:CSS]] | + | [[تصنيف:CSS|{{SUBPAGENAME}}]] |
| − | [[تصنيف:CSS Property]] | + | [[تصنيف:CSS Property|{{SUBPAGENAME}}]] |
| − | [[تصنيف:CSS Transforms]] | + | [[تصنيف:CSS Transforms|{{SUBPAGENAME}}]] |
مراجعة 15:40، 28 يناير 2018
الخاصية 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;
مصادر ومواصفات
- مسودة CSS Transforms Level 2.