Verfraai CSS met nette inspringing, of minimaliseer hem om de bestandsgrootte te verkleinen. Verwerkt media queries, calc() en licentiecommentaren.
Hoe gebruik je CSS-formatter
Plak je CSS in het invoervak.
Kies Verfraaien om hem te formatteren of Minimaliseren om hem samen te persen.
Kies de inspringgrootte, en kopieer dan het resultaat.
Dit is een CSS-formatter die stylesheets mooi maakt met nette, consistente inspringing, of ze minifyt om de bestandsgrootte te verkleinen. Je kiest de inspringgrootte voor beautifyen en schakelt over naar minify wanneer je de kleinste output wilt.
Leesbare CSS is makkelijker te scannen, reviewen en debuggen: als elke regel en declaratie consistent is ingesprongen, zie je selectors, nesting en de vorm van je media queries in één oogopslag.
Minifyen is voor productie. Het verwijdert de witruimte en comments die browsers niet nodig hebben, zodat het bestand sneller downloadt. Bij een grote stylesheet loopt de besparing op, vooral vóór gzip-compressie op de server.
De minifier is zorgvuldig waar het uitmaakt. Hij behoudt de spaties rond plus en min binnen calc(), zodat calc(100% - 30px) geldig blijft, en verwijdert alleen spaties rond structurele tekens zoals accolades, dubbele punten en puntkomma's. Hij verwerkt ook geneste media queries correct.
License-comments in de vorm /*! ... */ blijven behouden, wat de standaardconventie is om copyright- en licentievermeldingen in geminifyde output te bewaren, zelfs wanneer gewone comments worden verwijderd.
Zowel beautifyen als minifyen gebeurt volledig in je browser, dus je stylesheets verlaten je apparaat nooit. De tool formatteert voor leesbaarheid en grootte; hij valideert niet of je CSS correct is.
Veelgestelde vragen
Nee. De minificeerder behoudt de spaties rond plus en min binnen waarden, zodat calc(100% - 30px) geldig blijft. Hij verwijdert alleen spaties rond structurele tekens zoals accolades, dubbele punten en puntkomma's.
Gewone commentaren worden verwijderd om ruimte te besparen, maar licentiecommentaren geschreven als /*! ... */ blijven behouden, wat de standaardconventie is om copyrightvermeldingen te bewaren.
Nee. Zowel verfraaien als minificeren draaien volledig in je browser, dus je stylesheets verlaten nooit je apparaat.
Verfraai terwijl je CSS leest, bewerkt of reviewt. Minificeer de uiteindelijke stylesheet voor productie, waar een kleiner bestand sneller laadt voor bezoekers.
Nee. Het formatteert en minificeert de tekst voor leesbaarheid en grootte, maar valideert geen eigenschappen of waarden, dus het zal CSS herformatteren zelfs als die een fout bevat.
Deze tool insluiten
Voeg deze tool toe aan je eigen website. Kopieer het fragment hieronder. Het blijft automatisch up-to-date.
<iframe src="https://monu.tools/embed/nl/css-formatter" width="100%" height="640" style="border:1px solid #e5e5e5;border-radius:12px;max-width:680px" loading="lazy" title="Monu Tools"></iframe>Gerelateerde tools
Verfraai HTML met blokbewuste inspringing, of minimaliseer hem. De inhoud van pre, textarea, script en style blijft behouden.
Verfraai en prettify JavaScript met consistente inspringing en spatiëring. Draait volledig in je browser.
Converteer CSV naar een Excel-bestand (.xlsx) en Excel terug naar CSV, volledig in je browser. Werkt in beide richtingen.
Genereer TypeScript-interfaces uit een JSON-voorbeeld, met geneste types, arrays en optionele velden. Draait in je browser.