خصائص transform-style في CSS

التعريف والاستخدام

يحدد خاصية transform-style كيفية عرض العناصر المدمجة في الفضاء الثلاثي الأبعاد.

التعليقات:يجب استخدام هذه الخاصية مع transform استخدم الخاصية مع خصائص أخرى.

انظر أيضًا:

دليل CSS3تحويلات 2D في CSS3

دليل CSS3تحويلات 3D في CSS3

دليل HTML DOMخصائص transformStyle

مثال

لجعل العناصر الفرعية المحولة تحافظ على تحويلاتها الثلاثية الأبعاد:

div {
  transform: rotateY(60deg);
  transform-style: preserve-3d;
}

تجربة شخصية

جافا سكربت sintaxis

transform-style: flat|preserve-3d;

قيمة الخاصية

القيمة الوصف
flat العناصر الفرعية لن تحافظ على موقعها الثلاثي الأبعاد.
preserve-3d العناصر الفرعية ستحافظ على موقعها الثلاثي الأبعاد.

تفاصيل التقنية

القيمة الافتراضية: flat
التنقل: لا
الإصدار: CSS3
جافا سكربت sintaxis: object.style.transformStyle="preserve-3d"

دعم المتصفح

الأرقام في الجدول توضح إصدار المتصفح الأول الذي يدعم هذه الخاصية بالكامل.

الأرقام في الجدول تشير إلى إصدار المتصفح الأول الذي يدعم هذه الخاصية.

Chrome IE / Edge Firefox Safari Opera
36.0
12.0 -webkit-		 11.0 16.0
10.0 -moz-		 9.0
4.0 -webkit-		 23.0
15.0 -webkit-