:state()
A pseudo-class for Custom Elements that allows you to style them based on custom internal states (like 'loading', 'active', or 'error') that are set via JavaScript using the ElementInternals API.
Syntax
/* Usage Example */
/* Styles a custom map element when it's in a specific internal 'collapsed' state */
my-map:state(collapsed){
height: 100px;
overflow: hidden;
}:state() Browser support
Newly available
Since
2024 85% global usage
Since 2024 this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
125+
126+
17.4+
125+
Your first month is free
Managed WordPress hosting for faster sites.
Learn more