Created: 2022-10-04
Universal meaning every CSS property accepts these values:
inherit
Sets the property value applied to a selected element
to be the same as that of its parent element.
This "turns on inheritance".
initial
Sets the property value applied to a selected element
to the initial value of that property.
revert-layer
Resets the property value applied to a selected element
to the value established in a previous cascade layer.
revert
Resets the property value applied to a selected element
to the browser's default styling rather than the defaults applied to that property.
This value acts like unset in many cases.
unset
Resets the property to its natural value,
meaning that if the property is naturally inherited it acts like inherit,
otherwise it acts like initial.
The CSS shorthand property all can be used to apply one of these inheritance values to (almost) all properties at once. Its value can be any one of the inheritance values (inherit, initial, revert, revert-layer, or unset). It's a convenient way to undo changes made to styles so that you can get back to a known starting point before beginning new changes.
selector {
all: unset;
}