ویژگی transformStyle Style
- صفحه قبلی transformOrigin
- صفحه بعدی transition
- برگشت به لایه بالاتر صورت Style HTML DOM
تعریف و استفاده
transformStyle ویژگی‌های تنظیم یا بازگشتی برای نمایش عناصر در فضای سه‌بعدی استفاده می‌شود.
نکته:این ویژگی باید با ویژگی transform استفاده با هم
لطفاً ببینید:
موضوع Style JavaScript:ویژگی transform
دستورالعمل CSS:ویژگی transform-style
مثال
حفظ تبدیل 3D فرزند:
document.getElementById("myDIV").style.transformStyle = "preserve-3d";
منطق
بازگشتی ویژگی transformStyle:
object.style.transformStyle
تنظیم ویژگی transformStyle:
object.style.transformStyle = "flat|preserve-3d|initial|inherit"
مقدار ویژگی
| مقدار | توضیحات |
|---|---|
| flat | مقدار پیش‌فرض. عناصر فرزند موقعیت 3D خود را حفظ نمی‌کنند. |
| preserve-3d | عناصر فرزند حفظ می‌کنند موقعیت 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
