خصوصية transformStyle Style
- الصفحة السابقة transformOrigin
- الصفحة التالية transition
- العودة إلى الصفحة السابقة مفهوم Style في HTML DOM
التعريف والاستخدام
transformStyle تحدد كيفية عرض العناصر الفرعية في الفضاء الثلاثي الأبعاد.
التعليقات:يجب أن تكون هذه الخاصية متزامنة مع خصوصية transform استخدام معًا.
انظر أيضًا:
مثل Style Object JavaScript:خصوصية transform
كتابة مرجع CSS:خصوصية transform-style
مثال
لجعل العناصر الفرعية المحولة تحافظ على التحويل الثلاثي الأبعاد:
document.getElementById("myDIV").style.transformStyle = "preserve-3d";
النحو
استرداد خاصية transformStyle:
object.style.transformStyle
تعيين خاصية transformStyle:
object.style.transformStyle = "flat|preserve-3d|initial|inherit"
قيمة الخاصية
| القيمة | الوصف |
|---|---|
| flat | القيمة الافتراضية. لن تحافظ العناصر الفرعية على موقفها الثلاثي الأبعاد. |
| preserve-3d | سيحافظ العناصر الفرعية على موقفها الثلاثي الأبعاد. |
| initial | اعتماد هذه الخاصية على القيمة الافتراضية. يرجى الرجوع إلى initial. |
| inherit | تنقل هذه الخاصية من عنصر الأب إلى هذا العنصر. يرجى الرجوع إلى inherit. |
تفاصيل التقنية
| القيمة الافتراضية: | flat |
|---|---|
| القيمة المعدة: | القيمة النصية، تشير إلى خصوصية transform-style. |
| إصدار CSS: | CSS3 |
دعم المتصفح
الرقم في الجدول يشير إلى إصدار المتصفح الذي يدعم هذه الخاصية تمامًا.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 36.0 | 11.0 | 16.0 | 9.0 | 23.0 |
- الصفحة السابقة transformOrigin
- الصفحة التالية transition
- العودة إلى الصفحة السابقة مفهوم Style في HTML DOM
