التوصيات الدراسية
- مثل الصفحة السابقة مثل animationTimingFunction
- مثل الصفحة التالية مثل background
- مثل العودة إلى الطبقة العليا مفهوم Style DOM
خصائص Style animationPlayState
animationPlayState
التعريف والاستخدام
يحدد هذا الخصائص ما إذا كانت الرسوم المتحركة تعمل أم لا.التعليقات
استخدم هذا الخصائص لإيقاف تشغيل الرسوم المتحركة أثناء التشغيل المتكرر.
انظر أيضًا:خصائص animation-play-state
دليل CSS:
مثال
إيقاف تشغيل الرسوم المتحركة:
document.getElementById("myDIV").style.animationPlayState = "paused";
تجربة شخصية
القواعد
تحديد خصائص animationPlayState:استرداد خصائص animationPlayState:
.style.animationPlayState
تحديد خصائص animationPlayState:الجسم
.style.animationPlayState = "running|paused|initial|inherit"
قيمة الخصائص | القيمة |
---|---|
running | الوصف |
القيمة الافتراضية. يحدد هذا الخصائص تشغيل الرسوم المتحركة. | يحدد هذا الخصائص إيقاف تشغيل الرسوم المتحركة. |
initial | ضبط هذا الخصائص إلى قيمته الافتراضية. انظر: initial. |
inherit | يرث هذا الخصائص من العنصر الأم. انظر: inherit. |
تفاصيل تقنية
القيمة الافتراضية: | running |
---|---|
القيمة التي تعود: | قيمة نصية، تعبر عن حالة خصائص animation-play-state. |
إصدار CSS: | CSS3 |
دعم المتصفحات
animationPlayState
هي خاصية CSS3 (1999).
جميع المتصفحات تدعمها بشكل كامل:
Chrome | مثل Edge | مثل Firefox | مثل Safari | مثل Opera | مثل IE |
---|---|---|---|---|---|
Chrome | مثل Edge | مثل Firefox | مثل Safari | مثل Opera | مثل IE |
مثل الدعم | مثل الدعم | مثل الدعم | مثل الدعم | مثل الدعم | مثل 11 |
- مثل الصفحة السابقة مثل animationTimingFunction
- مثل الصفحة التالية مثل background
- مثل العودة إلى الطبقة العليا مفهوم Style DOM