ویژگی Style perspective
تعریف و استفاده
نکته: ویژگی تعریف میشود، مسافت عنصر از دیدگاه به پیکسل تعیین میشود. این ویژگی به شما اجازه میدهد دیدگاه مشاهده 3D عنصر را تغییر دهید.
وقتی برای عنصر نکته: تنظیم میشود، فرزندان آن عنصر دارای تأثیر دید عمق خواهند شد، نه عنصر خود.
وقتی ویژگینکته: perspective
این ویژگی تنها بر عناصر تبدیل 3D تأثیر میگذارد.توجه: ویژگی perspective-origin با استفاده از این ویژگی به طور مشترک، شما میتوانید موقعیت پایین 3D عنصر را تغییر دهید.
لطفاً به
موضوع Style JavaScript:ویژگی perspective-origin
دستورالعمل CSS:ویژگی perspective
مثال
تنظیم دیدگاه برای مشاهده عنصر:
document.getElementById("myDIV").style.perspective = "50px";
نحوه نوشتن
بازگشتی ویژگی perspective:
عنصر.style.perspective
تنظیم ویژگی perspective:
عنصر.style.perspective = "length|none"
مقدار ویژگی
| مقدار | توضیح |
|---|---|
| length | مسافت عنصر از دیدگاه به پیکسل. |
| none | مقدار پیشفرض. با 0 مشابه است. بدون تنظیم دید عمق. |
| initial | این ویژگی را به مقدار پیشفرض خود تنظیم کنید. لطفاً به initial. |
| inherit | این ویژگی را از عنصر والد خود ارث میبرد. لطفاً به inherit. |
جزئیات فنی
| مقدار پیشفرض: | بدون |
|---|---|
| مقدار بازگشتی: | رشتهای که مسافت عنصر را نشان میدهد ویژگی perspective. |
| نسخه CSS: | CSS3 |
پشتیبانی مرورگر
اعداد در جدول نشاندهنده نسخه اولین مرورگر پشتیبان از این ویژگی هستند.
| کروم | ایج | فایرفاکس | سرافی | آپرا |
|---|---|---|---|---|
| کروم | ایج | فایرفاکس | سرافی | آپرا |
| 36.0 |
