Change all

all

Change all of this element's properties to their defaults.

Property values

Use this special property to reset all of the selected element's properties back to their default values, thus removing font declarations, colors, sizing, margins, borders, etc. that might have been explicitly set elsewhere, or implicitly set by ancestor elements.

Use one of these keywords:

initial Specifies that all of the element's properties should be changed to their initial values.
inherit Specifies that all of the element's properties should be changed to their inherited values.
unset Specifies that all of the element's properties should be changed to their inherited values if they inherit by default, or to their initial values if not.
revert

Three separate revert cases are handled:

  1. Any property set by the document's author is reverted back to the user's stylesheet (that is, the styles applied using a stylesheet unknown to the document's author).
  2. Any property set by the user's stylesheet is reverted back to the browser's standard rules.
  3. Any property not set by the author or the user's stylesheet is set to their inherited values if they inherit by default, or to their initial values if not.

Examples

h1 {
color: red;
letter-spacing: 2px;
border-bottom: 1px solid red;
}

/* change all of this element's values to be the browser's initial default */
h1.plain-vanilla {
all: initial;
}
all
0

style > target > allChange all

🔗 🔎