Black friday

Save big!

All courses under $5 - for a limited time!

Code has been added to clipboard!

How to Make CSS Unset Properties

Reading time 1 min
Published Aug 8, 2017
Updated Oct 15, 2019

Using all in CSS: unset property values

The all property is one of the global keyword values in CSS. You can use it to reset all properties to the inherited or initial value:

Example
div {
    background-color: lightgreen;
    color: blue;
    all: inherit;
}

You can use it to make CSS remove style or attributes.

Note: CSS all does not affect unicode-bidi and direction properties.

CSS all: required syntax

To make CSS unset all property values, you need to follow the syntax below:

all: value;

You can define the value using one of the three possible options. You can find them in the table below.

Property values

Value Description Syntax
initial Changes all properties to the initial value all: initial;
inherit Changes all properties to the parent value all: inherit;
unset Changes all properties to the parent value if inheritable or the initial value if not all: unset;

Note: CSS all cannot be inherited or animated.

Browser support

Browser image
Chrome
37+
Browser image
Edge
-
Browser image
Firefox
27+
Browser image
IE
-
Browser image
Opera
24+
Browser image
Safari
9.1+

Mobile browser support

Browser image
Chrome
37+
Browser image
Firefox
27+
Browser image
Opera
24+
Browser image
Safari
9.3+