Widely availableSupported across all major browsers. Safe to use in production.
Syntax and cascade Widely available

unset

The unset keyword resets any CSS property, removing any values previously set by the author, user, or browser. Inherited properties (like color) reset to the parent element's computed value. Non-inherited properties (like display) reset to the specified initial value (inline).

Syntax and cascade

Overview

The unset keyword resets any CSS property, removing any values previously set by the author, user, or browser. Inherited properties (like color) reset to the parent element's computed value. Non-inherited properties (like display) reset to the specified initial value (inline).

Browser support

Feature Desktop Mobile
Chrome
Edge
Firefox
Safari
Chrome Android
Safari iOS
css.types.global_keywords.unset
41
13
27
9.1
41
9.3
1+Supported (version) Not supported ※Has note Sub-feature descriptions sourced from MDN Web Docs (CC BY-SA 2.5)

Syntax

CSS 
.reset-component {
  all: unset;
}
.reset-color {
  color: unset; /* Inherited from parent */
}

Live demo

all: unset

CSS All: unset demo.

PreviewFullscreen

Color: Unset(inheritance)

CSS Color: unset(inheritance) demo.

PreviewFullscreen

border: unset

CSS Border: unset demo.

PreviewFullscreen

Use cases

  • Using unset

    The unset keyword resets any CSS property, removing any values previously set by the author, user, or browser. Inherited properties (like color) reset to the parent element's computed value. Non-inherited properties (like display) reset to the specified initial value (inline).

Cautions

  • May not be supported in older browsers.

Accessibility

  • Make sure visual changes are conveyed appropriately to assistive technology.

Related links

Powered by web-features