Css-herstelgenerator

Stel een CSS-reset-stylesheet samen uit zeven onafhankelijke modules: box-sizing, margin/padding, font, list-style, border, images/inputs en tables. Schakel afzonderlijke modules in of uit, of begin met een van de drie samengestelde voorinstellingen en kopieer of download de gegenereerde reset.css.

1. Klik optioneel op een voorinstelling: Meyer Reset (alle modules), Normalize (vijf modules) of Minimal (box-sizing + margin/padding). 2. Vink individuele modules in het Options-raster aan of uit; Select All en Deselect All zijn ook beschikbaar. 3. Lees de gegenereerde CSS in het tekstgebied. 4. Klik op Copy om het te kopiëren of op Download om een reset.css-bestand op schijf op te slaan.

boxSizing stelt box-sizing: border-box in op alle elementen. marginPadding zet margin en padding op nul. font stelt de font-size van html in en een system-ui body-stack met line-height 1.5. listStyle verwijdert list-style van ol/ul. border zet border-width op nul en stelt vaste randen in met currentColor. images dwingt img/video/canvas/svg naar display:block en inputs om het lettertype te erven. tables stelt border-collapse: collapse en border-spacing: 0 in.