`:paused` CSS pseudo-class
Baseline Newly available
This feature works across the latest devices and browser versions. This feature might not work in older devices or browser versions. It's been available across browsers since August 2026.
The :paused CSS pseudo-class selector represents an element that is playable, such as <audio> or <video>, when that element is "paused" (i.e., not "playing").
A resource is paused if the user explicitly paused it, or if it is in a non-activated or other non-playing state, like "loaded, hasn't been activated yet". This is different from :buffering or :stalled, which are states that occur while the resource is considered "playing".
Syntax
:paused {
/* ... */
}
Examples
CSS
:paused {
border: 5px solid orange;
}
Specifications
| Specification |
|---|
| Selectors Level 4 # selectordef-paused |
| HTML # selector-paused |
Browser compatibility
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari on iOS | Samsung Internet | WebView Android | WebView on iOS | |
paused |
152 |
152 |
150 |
136 |
15.4 |
152 |
150 |
No |
15.4 |
No |
152 |
15.4 |
See also
© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/:paused
