CSS Reset

Browse, compare, and customize popular CSS resets

Reset A

Reset B

Only in A

Only in B

Same in both

Options 0 selected

Box Model

Box sizing border-box Include padding/border in element width

Remove all margins Set margin: 0 on everything

Remove all padding Set padding: 0 on everything

Typography

System font stack Use OS native fonts

Base font size 100% Respect user browser settings

Font smoothing Antialiased fonts on macOS/WebKit

Optimized text rendering text-rendering: optimizeSpeed

Headings inherit font h1–h6 inherit font-size and weight

Lists & Links

Reset list styles Remove bullets and numbers from lists

Remove text decoration on links No underline by default on <a>

Links inherit color color: inherit on <a>

Media

Responsive images max-width: 100%, height: auto

Images as block Remove bottom gap in containers

SVG fill inherit SVG uses currentColor by default

Forms

Reset form elements Buttons, inputs inherit font and colors

Button cursor pointer cursor: pointer on buttons

Reset fieldset styles Remove border and padding from fieldset

Behavior

Smooth scroll scroll-behavior: smooth on :root

Reduced motion Disable animations when user prefers

Remove tap highlight -webkit-tap-highlight-color: transparent

Overflow word wrap overflow-wrap: break-word on body

[hidden] attribute fix Ensure display:none works on [hidden]

Tables

Collapse table borders border-collapse: collapse

Table font inherit font: inherit on td, th

Generated CSS Reset