CSS all property

Example

Change all the properties applied to the element or the element's parent to their initial value:

div {
  background-color: blue;
  color: white;
  all: initial;
}

Definition and Usage

The all property resets all properties, apart from unicode-bidi and direction, to their initial or inherited value.

Default value: none
Inherited: no
Animatable: no.
Version: CSS3
JavaScript syntax: object.style.all="initial"

  • Inherited : "Inherited = no" means that it cannot takes (inherit) it's value from it's parent element.
  • object - object in javascript means the element on which accent-color is applied.
  • Animatable - "Animatable = no" means that it cannot be animated with CSS @keyframes.

Browser Support

The numbers in the table specify the first browser version that fully supports the property.

Property          
all 37.0 79.0 27.0 9.1 24.0

CSS Syntax

all: initial|inherit|unset;

Property Values

Value Description
initial Changes all the properties applied to the element or the element's parent to their initial value
inherit Changes all the properties applied to the element or the element's parent to their parent value
unset Changes all the properties applied to the element or the element's parent to their parent value if they are inheritable or to their initial value if not

Comments