CSS Beautify Online Tool

Heb je een stylesheet op één lange regel, bijvoorbeeld uit een geminificeerd bestand? Plak hem hieronder en krijg direct nette CSS terug, met elke regel en declaratie op een eigen regel.

Inspringen

Zo werkt het

  1. Plak je code

    Plak de code in het linkervak of open een bestand. Geen code bij de hand? Klik op Voorbeeld.

  2. Direct resultaat

    De uitkomst verschijnt terwijl je typt. Is er een fout, dan zie je op welke regel en welk teken.

  3. Kopieer of download

    Kopieer het resultaat met één klik of sla het op als bestand voor je editor of project.

Wat doet de CSS beautifier?

De tool zet elke selector, declaratie en @media-blok op een eigen regel en springt geneste blokken in. Waarden, strings en commentaar blijven ongewijzigd. Wil je het omgekeerde? Gebruik dan CSS minimaliseren.

Veilig en privé

Alles gebeurt in je browser met de open-source bibliotheek js-beautify. Je CSS verlaat je apparaat niet.

Veelgestelde vragen

Is CSS Beautify gratis?

Ja. CSS Beautify is helemaal gratis, zonder account, registratie of limiet op het aantal keer.

Wordt mijn code opgeslagen?

Nee. Je code wordt in je browser verwerkt en niet naar een server gestuurd of bewaard.

Werkt het op mijn telefoon?

Ja. De tool werkt in elke moderne browser op telefoon, tablet en computer.