الفرق بين المراجعتين ل"CSS/transform-style"

المراجعة الحالية بتاريخ 10:40، 13 سبتمبر 2018

الخاصية 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.

@@ سطر 1: / سطر 1: @@
 <noinclude>{{DISPLAYTITLE:الخاصية <code>transform-style</code>}}</noinclude>
-الخاصية <code>transform-style</code> في CSS تُحدِّد إن كانت العناصر الأبناء للعنصر الحالي موجودة في الفضاء ثلاثي الأبعاد أو كانت مسطحةً (flattened) في مستوى العنصر الأب؛ وإذا كانت مسطحةً فهذا يعني أنها لن تكون موجودة في فضاءٍ ثلاثي الأبعاد خاصٍ بها.<nowiki/><syntaxhighlight lang="css">
+الخاصية <code>transform-style</code> في CSS تُحدِّد إن كانت العناصر الأبناء للعنصر الحالي موجودة في الفضاء ثلاثي الأبعاد أو كانت مسطحةً (flattened) في مستوى العنصر الأب؛ وإذا كانت مسطحةً فهذا يعني أنها لن تكون موجودة في فضاءٍ ثلاثي الأبعاد خاصٍ بها.
-/* كلمات محجوزة */
-transform-style: preserve-3d;
-transform-style: flat;
-/* القيم العامة */
+== بطاقة الخاصية ==
-transform-style: inherit;
-transform-style: initial;
-transform-style: unset;
-</syntaxhighlight>
 {| class="wikitable" style="width: 100%;"
 |-
@@ سطر 28: / سطر 21: @@
 |}
-==دعم المتصفحات==
+<syntaxhighlight lang="css">
+/* كلمات محجوزة */
+transform-style: preserve-3d;
+transform-style: flat;
+/* القيم العامة */
+transform-style: inherit;
+transform-style: initial;
+transform-style: unset;
+</syntaxhighlight>
+== دعم المتصفحات ==
 {| class="wikitable"
 !الميزة
@@ سطر 47: / سطر 51: @@
 == البنية العامة ==
 تقبل الخاصية <code>transform-style</code> الكلمة المحجوزة <code>preserve-3d</code> أو <code>flat</code>.
-=== القيمة <code>preserve-3d</code> ===
+=== <code>preserve-3d</code> ===
 العناصر الأبناء للعنصر الحالي ستكون موجودةً في الفضاء ثلاثي الأبعاد.
-=== القيمة <code>flat</code> ===
+=== <code>flat</code> ===
 العناصر الأبناء للعنصر الحالي ستكون مسطحةً (flattened) في مستوى العنصر الأب.
 === البنية الرسمية ===
@@ سطر 56: / سطر 60: @@
 </syntaxhighlight>
+== انظر أيضًا ==
+* صفحة الخاصية <code>[[CSS/transform|transform]]</code> وصفحة الخاصيات الفرعية التي تضبطها هذه الخاصية وهي <code>[[CSS/transform-origin|transform-origin]]</code>.
 == مصادر ومواصفات ==
 * مسودة [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}}]]