عرض مصدر CSS/transform-style

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

== بطاقة الخاصية ==
{| class="wikitable" style="width: 100%;"
|-
! scope="row" style="width: 20%;" |[[CSS/initial value|القيمة الابتدائية]]
|<code>flat</code>
|-
! scope="row" |تُطبَّق على
|جميع العناصر.
|-
! scope="row" |قابلة للوراثة
|لا
|-
!قابلة للتحريك
|لا
|-
! scope="row" |القيمة المحسوبة
|كما حُدِّدَت.
|}

<syntaxhighlight lang="css">
/* كلمات محجوزة */
transform-style: preserve-3d;
transform-style: flat;

/* القيم العامة */
transform-style: inherit;
transform-style: initial;
transform-style: unset;
</syntaxhighlight>

== دعم المتصفحات ==
{| class="wikitable"
!الميزة
!|Chrome
!Firefox
!Internet Explorer
!Opera
!Safari
|-
! الدعم الأساسي
|12.0 (مع السابقة <code>-webkit-</code>)
|10.0 (مع السابقة <code>-moz-</code>)
16.0
|غير مدعومة
|15 (مع السابقة <code>-webkit-</code>)
|3.1 (مع السابقة <code>-webkit-</code>)
|}
== البنية العامة ==
تقبل الخاصية <code>transform-style</code> الكلمة المحجوزة <code>preserve-3d</code> أو <code>flat</code>.
=== <code>preserve-3d</code> ===
العناصر الأبناء للعنصر الحالي ستكون موجودةً في الفضاء ثلاثي الأبعاد.
=== <code>flat</code> ===
العناصر الأبناء للعنصر الحالي ستكون مسطحةً (flattened) في مستوى العنصر الأب.
=== البنية الرسمية ===
<syntaxhighlight lang="css">
transform-style: flat | preserve-3d;

</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|{{SUBPAGENAME}}]]
[[تصنيف:CSS Property|{{SUBPAGENAME}}]]
[[تصنيف:CSS Transforms|{{SUBPAGENAME}}]]