The CSSall
shorthand property resets all properties, apart from unicode-bidi
and direction
, to their initial or inherited value.
/* Global values */ all: initial; all: inherit; all: unset; /* CSS Cascading and Inheritance Level 4 */ all: revert;
Initial value | There is no practical initial value for it. |
---|---|
Applies to | all elements |
Inherited | no |
Media | There is no practical media for it. |
Computed value | as the specified value applies to each property this is a shorthand for. |
Animation type | as each of the properties of the shorthand (all properties but unicode-bidi and direction ) |
Canonical order | the unique non-ambiguous order defined by the formal grammar |
initial
all
is set on — or inherited from the element's parent — should be changed to their initial values. unicode-bidi
and direction
values are not affected.inherit
all
is set on should be changed to their inherited values, i.e. the values set on the element's parent. unicode-bidi
and direction
values are not affected.unset
all
is set on should be changed to their inherited value if they are inheritable, or their initial value if not. unicode-bidi
and direction
values are not affected.revert
revert
keyword, the behavior depends on the origin to which the declaration belongs: initial | inherit | unset | revert
HTML
<blockquote id="quote">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</blockquote> Phasellus eget velit sagittis.
CSS
body { font-size: small; background-color: #F0F0F0; color: blue; } blockquote { background-color: skyblue; color: red; }
Results in:
all
propertyThe <blockquote>
uses the browsers default styling together with a specific background and text color. It also behaves as a block element: the text that follows it is beneath it.
all:unset
The <blockquote>
doesn't use the browser default styling: it is an inline element now (initial value), its background-color
is transparent
(initial value), but its font-size
is still small
(inherited value) and its color
is blue
(inherited value).
all:initial
The <blockquote>
doesn't use the browser default styling: it is an inline element now (initial value), its background-color
is transparent
(initial value), its font-size
is normal
(initial value) and its color
is black
(initial value).
all:inherit
The <blockquote>
doesn't use the browser default styling: it is a block element now (inherited value from its containing <body>
element), its background-color
is #F0F0F0
(inherited value), its font-size
is small
(inherited value) and its color
is blue
(inherited value).
Specification | Status | Comment |
---|---|---|
CSS Cascading and Inheritance Level 4 The definition of 'all' in that specification. | Working Draft | Added the revert value. |
CSS Cascading and Inheritance Level 3 The definition of 'all' in that specification. | Candidate Recommendation | Initial definition. |
Feature | Chrome | Edge | Firefox | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|---|
Basic support | 37 | ? | 27 | No | 24 | No |
revert |
No | ? | No | No | No | 9.1 |
Feature | Android webview | Chrome for Android | Edge mobile | Firefox for Android | Opera Android | iOS Safari | Samsung Internet |
---|---|---|---|---|---|---|---|
Basic support | No | ? | ? | 27 | No | No | ? |
revert |
No | ? | ? | No | No | 9.3 | ? |
The CSS-wide property values: initial
, inherit
, unset
, and revert
.
© 2005–2018 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/all