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.
Quick example
.widget {
/* Resets everything to clear out parent styles */
all: unset;
/* Then add only what you need */
display: block;
padding: 10px;
}Quick facts
Initial value
noPracticalInitialValueInherited
No
Applies to
all elements
Animation type
eachOfShorthandPropertiesExceptUnicodeBiDiAndDirection
Values
initialinheritunsetrevertrevert-layer 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.
Safe to use without fallbacks.
37+
27+
9.1+
79+