all
A 'big reset' property that forces every single CSS property on an element (except direction and language) back to its starting state. Useful for clearing out unwanted styles from themes or parent elements.
It is documented as part of the CSS Cascading and Inheritance specification.
Syntax
/* Usage Example */
.widget {
/* Resets everything to clear out parent styles */
all: unset;
/* Then add only what you need */
display: block;
padding: 10px;
}
/* Syntax */
all: initial;
all: inherit;
all: unset;
all: revert;
all: revert-layer;
/* Global values */
all: inherit;
all: initial;
all: revert;
all: revert-layer;
all: unset;all Browser support
Widely available
Since
2020 96% global usage
This feature is well established and works across many devices and browser versions. It has been available across browsers since 2020.
37+
27+
9.1+
79+
Your first month is free
Managed WordPress hosting for faster sites.
Learn more