Over deze tool
CSS Beautifier is een gratis formatter die volledig in je browser draait en geminificeerde of rommelige CSS omzet in een nette, consistent ingesprongen opmaak. De tool laat eerst de bestaande witruimte inklappen en bouwt daarna de structuur helemaal opnieuw op: elke regel en declaratie komt op een eigen regel, een openingsaccolade blijft op de selectorregel staan, een sluitaccolade valt op een eigen regel en geneste blokken worden per niveau twee spaties ingesprongen.
De tool werkt puur op de leestekens die selectors, blokken en declaraties scheiden en voegt één spatie toe na de dubbele punt van elke declaratie en één spatie vóór een openingsaccolade. Eigenschapsnamen en waarden blijven ongemoeid, dus alleen de spatiëring verandert en de styling blijft onveranderd. Het formatteren gebeurt live terwijl je typt, volledig in je browser — geen uploads, geen accounts, geen tracking, en het werkt offline.
Dit is handig wanneer je een gecomprimeerd stylesheet uit een build-uitvoer wilt lezen, diffen of handmatig bewerken, of om een snippet van één regel uit te vouwen tot iets leesbaars. Plak de CSS, bekijk het opgeschoonde resultaat in het uitvoervak en kopieer het met één klik.