CSS property all is a css shorthand to reset all properties to their initial or inherited values. Note that it is not supported in IE.
Here is sample code using css all
<style type="text/css"> div { color: blue; background-color: lightgray; } .box {all:initial;} </style> <div>some text</div> <div class="box">some text with properties all set to initial. Note the change in color and background color </div>
Specification and Browser compatibility
Specification | Status | Categories |
---|---|---|
CSS all property | W3C Candidate Recommendation | CSS |
Chrome | Firefox | IE | Edge | Safari | Opera |
---|---|---|---|---|---|
Yes 37+ | Yes 27+ | No | No | Yes 9.1+ | Yes 24+ |
Android Chrome | Android Firefox | iOS Safari | IE Mobile | Opera Mobile |
---|---|---|---|---|
Yes 47+ | Yes 44+ | Yes 9.3+ | No | Yes 33+ |
source: caniuse.com