CSS all Property

CSS all property resets all the properties of an element to their initial or inherited value except for the unicode-bidi and direction property.

In the example below, properties font-size, color, and background will have no effect on the <p> element. This is because, after setting their values we have used all: initial; which will reset all these properties to their initial value. Try it out:


  font-size: 20px;
  color: white;
  background: tomato;
  all: initial;

If we use all: inherit;, the current element inherits all the properties from the parent element. This means that all the properties applied to the parent element will also be applied to the child element. Refer to the example below:


  font-size: 20px;
  border: 2px solid red;
  padding: 20px;
  all: inherit;

CSS Syntax

The all property has the below syntax:

all: initial|inherit|unset;

Property Values

The all property accepts the following values:

initialResets all the properties applied to an element to their initial value.
inheritResets all the properties applied to an element and inherits their value from the parent element.
unsetSets all the properties applied to an element to their inherited value if they are inherited by default or sets them to their initial value if they are not inherited by default.

General Info

Default ValueThere is no default value for this property.
JavaScript Usageelement.style.all = “initial”;


  • Manoj Kumar

    Hi, My name is Manoj Kumar. I am a full-stack developer with a passion for creating robust and efficient web applications. I have hands-on experience with a diverse set of technologies, including but not limited to HTML, CSS, JavaScript, TypeScript, Angular, Node.js, Express, React, and MongoDB.

    View all posts

Leave a Comment