30 seconds of CSS

  Back to Home

Reset all styles  visual

Resets all styles to default values with one property. This will not affect direction and unicode-bidi properties.

HTML
<div class="reset-all-styles">
  <h5>Title</h5>
  <p>
    Lorem ipsum dolor sit amet consectetur adipisicing elit. Iure id exercitationem nulla qui
    repellat laborum vitae, molestias tempora velit natus. Quas, assumenda nisi. Quisquam enim qui
    iure, consequatur velit sit?
  </p>
</div>
CSS
.reset-all-styles {
  all: initial;
}
Demo
Title

Lorem ipsum dolor sit amet consectetur adipisicing elit. Iure id exercitationem nulla qui repellat laborum vitae, molestias tempora velit natus. Quas, assumenda nisi. Quisquam enim qui iure, consequatur velit sit?

Explanation
  • The all property allows you to reset all styles (inherited or not) to default values.
Browser support

95.8%

⚠️ MS Edge status is under consideration.