ویژگی Style perspective
- صفحه قبل pageBreakInside
- صفحه بعدی perspectiveOrigin
- بازگشت به صفحه قبل HTML DOM Style 对象
تعریف و استفاده
perspective ویژگی تعریف می‌کند فاصله 3D عنصر از دیدگاه کاربر را به پیکسل.
وقتی برای عنصر perspective وقتی ویژگی perspective تنظیم می‌شود، فرزندان عنصر آن از اثر دیدگاه نما برخوردار خواهند شد، نه عنصر خود.
نکته:perspective این ویژگی تنها بر عناصر تغییر شکل 3D تأثیر می‌گذارد.
توجه:توجه: ویژگی perspective-origin با استفاده از این ویژگی، شما می‌توانید موقعیت پایین 3D عنصر را تغییر دهید.
لطفاً به
اجسام سبک جاوااسکریپت:ویژگی 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 | 10.0 | 16.0 | 6.1 | 23.0 |
- صفحه قبل pageBreakInside
- صفحه بعدی perspectiveOrigin
- بازگشت به صفحه قبل HTML DOM Style 对象
