عرض مصدر CSS/animation-play-state

<noinclude>{{DISPLAYTITLE:الخاصية <code>animation-play-state</code>}}</noinclude>
الخاصية <code>animation-play-state</code> في CSS تُحدِّد إذا كانت الحركة تعمل أو متوقفة مؤقتًا، ويمكن الحصول على قيمة هذه الخاصية عبر JavaScript لمعرفة حالة الحركة، ويمكن أيضًا استعمال JavaScript لضبط قيمتها لتوقيف الحركة مؤقتًا أو استئنافها.<nowiki/> <syntaxhighlight lang="css">
/* قيمة واحدة */
animation-play-state: running;
animation-play-state: paused;

/* عدِّة قيم */
animation-play-state: paused, running, running;

/* القيم العامة */
animation-play-state: inherit;
animation-play-state: initial;
animation-play-state: unset;
</syntaxhighlight>استئناف الحركات المتوقفة مؤقتًا سيسمح بإكمالها من مكان توقفها، بدلًا من البدء مجددًا من بداية سلسلة الحركات.
{| class="wikitable" style="width: 100%;"
|-
! scope="row" style="width: 20%;" |[[CSS/initial value|القيمة الابتدائية]]
|<code>running</code>
|-
! scope="row" |تُطبَّق على
|جميع العناصر.
|-
! scope="row" |قابلة للوراثة
|لا
|-
!قابلة للتحريك
|لا
|-
! scope="row" |القيمة المحسوبة
|كما حُدِّدَت.
|}

== دعم المتصفحات ==
{| class="wikitable"
!الميزة
!|Chrome
!Firefox
!Internet Explorer
!Opera
!Safari
|-
! الدعم الأساسي
|4.0 (مع السابقة <code>-webkit-</code>)
43.0
|5.0 (مع السابقة <code>-moz-</code>)
16.0
|10
|15.0 (مع السابقة <code>-webkit-</code>)
30.0
|5.1 (مع السابقة <code>-webkit-</code>)
9.0
|}
== البنية العامة ==
تقبل الخاصية <code>animation-play-state</code> قيمةً واحدةً أو أكثر.

=== القيمة <code>running</code> ===
الحركة تعمل حاليًا.

=== القيمة <code>paused</code> ===
الحركة متوقفة حاليًا توقفًا مؤقتًا.
=== البنية الرسمية ===
<syntaxhighlight lang="css">
animation-play-state: <single-animation-play-state>#;

</syntaxhighlight>حيث:<syntaxhighlight lang="css">
<single-animation-play-state> = running | paused

</syntaxhighlight>

== مصادر ومواصفات ==
* مسودة [https://drafts.csswg.org/css-animations/#animation-play-state CSS Animations]. 
[[تصنيف:CSS|{{SUBPAGENAME}}]]
[[تصنيف:CSS Property|{{SUBPAGENAME}}]]
[[تصنيف:CSS Animations|{{SUBPAGENAME}}]]