Prop Style Animationplaystate
# Style animationPlayState Property
[ Style Object](#)
## Example
Pause an animation:
document.getElementById("myDIV").style.animationPlayState="paused";
[Try it Yourself Β»](#)
* * *
## Definition and Usage
The animationPlayState property specifies whether the animation is running or paused.
**Note:** Use this property to pause an animation that is currently playing.
* * *
## Browser Support

Internet Explorer 10, Firefox, and Opera support the animationPlayState property.
Safari and Chrome support an alternative property for this, namely the WebkitAnimationPlayState property.
**Note:** Internet Explorer 9 and earlier versions do not support the animationPlayState property.
* * *
## Syntax
Get the animationPlayState property:
_object_.style.animationPlayState
Set the animationPlayState property:
_object_.style.animationPlayState="running|paused|initial|inherit"
## Property Values
| Value | Description |
| --- | --- |
| running | Default value. Specifies that the animation is running. |
| paused | Specifies that the animation is paused. |
| initial | Sets this property to its default value. Read about _initial_. |
| inherit | Inherits this property from its parent element. Read about _inherit_. |
## Technical Details
| Default Value: | running |
| --- | --- |
| Return Value: | A string, representing the animation-play-state property of the element. |
| CSS Version | CSS3 |
* * *
## Related Articles
CSS Reference: (#)
* * Style Object](#)
YouTip