CSS Reference Data Type

unset 4m5t5g

The unset CSS keyword can act as either inherit depending on what the property’s default behavior is. If the property is an inherited property, it will be treated as inherit, taking the computed value of its parent element. If not, it will be treated as initial, and the property’s initial value becomes its specified value. 52335q

As both the initial and inherit keywords can be used on any CSS property, the unset keyword can be applied to any CSS property, including the CSS shorthand all.

This keyword acts as a reset, by erasing all declared values on the element applied earlier up the cascade, restoring them to their original behavior and inheritance, as if no styles were applied. This applies to -agent styles as well. For example, applying all: unset to the body element will remove the default 8px margin set by almost all -agent style sheets.

Examples 3e5p5z

Some commonly used CSS properties that are inherited properties include font-family and color. The background-color property, on the other hand, is not inherited. Say we have the following HTML, with some simple styles applied to the elements.

<body>
  <div>Hello, world!</div>
  <div class="unset">Hello, monkey!</div>
  <div>Hello, watermelon!</div>
</body>
body {
  background-color: #F5F5F5;
  color: #555;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

div {
  background-color: #C0C0C0;
  color: #006400;
  font-family: Georgia, Times, Times New Roman, serif;
}

If we add the property all: unset to the element with the class “unset”, then check its computed CSS property values (from the browser’s Developer Tools), we will see that the inherited properties of color and font-family inherit from the body element, while the background-color gets set back to the initial value of transparent.

Browser k5t66

CSS unset value 4k3y3z

A CSS value that's the same as "inherit" if a property is inherited or "initial" if a property is not inherited.

W3C Candidate Recommendation

ed from the following versions:

Desktop 3n671n

  • 41
  • 27
  • No
  • 28
  • 9.1

Mobile / Tablet 4q224p

  • 9.3
  • 66
  • No
  • 66
  • 60

* denotes prefix required.

  • ed:
  • Yes
  • No
  • Partially
  • Polyfill

Stats from caniuse.com

Notes z5jo

The unset value is ed in Microsoft Edge.

Written by

Last updated January 23, 2020 at 5:04 pm by Mary Lou

Do you have a suggestion, question or want to contribute? Submit an issue.