CSS Formatter

Over deze tool

De CSS-formatteerder converteert gecomprimeerde of onleesbare CSS naar schone, correct ingesprongen stylesheets. Ondersteunt alle standaard CSS-functies: media queries, pseudo-klassen, keyframe-animaties, aangepaste eigenschappen en geneste selectors.

De minify-modus verwijdert alle opmerkingen en onnodige witruimte om de kleinst mogelijke geldige CSS voor productie te produceren. Alle verwerking vindt lokaal in uw browser plaats.

Hoe te gebruiken

1. Plak uw CSS in het invoerpaneel links.
2. Selecteer de gewenste inspringing (2 of 4 spaties).
3. Klik op Formatteren om te verfraaien of Minify om te comprimeren.
4. Klik op Kopiëren om het resultaat naar het klembord te kopiëren.

Gebruiksscenario's

Frontend-ontwikkelaars gebruiken dit hulpmiddel voor het formatteren van CSS uit DevTools, verouderde stylesheets of design system-exports. De minify-functie verkleint de CSS-bundelgrootte met 30–50%.

Veelgestelde vragen

• Ondersteunt het SCSS/LESS? — Dit hulpmiddel formatteert alleen standaard CSS. Gebruik voor SCSS of LESS een toegewijd preprocessor-formatter.
• Worden opmerkingen bewaard? — Tijdens het formatteren worden opmerkingen bewaard. De minify-modus verwijdert alle opmerkingen om de bestandsgrootte te verkleinen.
• Zijn mijn gegevens veilig? — Alle verwerking is lokaal in uw browser. Er wordt geen CSS naar een server verzonden.