unset

The unset CSS keyword is the combination of the initial and inherit keywords. Like these two other CSS-wide keywords, it can be applied to any CSS property, including the CSS shorthand all. This keyword resets the property to its inherited value if it inherits from its parent or to its initial value if not. In other words, it behaves like the inherit keyword in the first case and like the initial keyword in the second case.

Example

p {
  color: red;
}

#sidebar p {
  color: unset;
}

<p>This text is red</p>
<div id="sidebar">
  <p>This text has the default color</p>
</div>

Result

Specifications

Browser compatibility

See also

The CSS-wide property values: initial, inherit, unset, and revert.