CSS Beautifier — CSS online verfraai en minimaliseer
Verfraai of minimaliseer uw CSS-code direct. Formatteer rommelige CSS met correcte inspringing of comprimeer het voor productiegebruik.
Invoer
Uitvoer
Wat is een CSS Beautifier?
Een CSS Beautifier is een hulpmiddel dat ruwe of gecomprimeerde CSS-code formatteert naar een schone, leesbare structuur met correcte inspringing.
Hetzelfde hulpmiddel kan CSS ook minimaliseren — opmerkingen, extra spaties en onnodige tekens verwijderen om de bestandsgrootte te verkleinen.
Hoe de CSS Beautifier te gebruiken
Plak uw CSS-code
Kopieer uw CSS en plak het in de invoereditor.
Kies de modus Verfraaien of Minimaliseren
Selecteer Verfraaien voor geformatteerde CSS of Minimaliseren voor gecomprimeerde CSS.
Kopieer of download het resultaat
Gebruik de knop Kopiëren of Downloaden om de CSS op te slaan.
CSS-verfraaiingsvoorbeeld
Hier is een voorbeeld van geminimaliseerde CSS en de verfraaide uitvoer:
Geminimaliseerde CSS (Invoer)
Veelgestelde vragen
Valideert de CSS Beautifier mijn code?
Nee, de beautifier formatteert alleen structureel. Gebruik een CSS Validator voor volledige validatie.
Verandert het verfraaien de werking van CSS?
Nee. Alleen witruimte en opmaak worden gewijzigd.
Verwijdert de minifier CSS-opmerkingen?
Ja. Alle /* ... */-opmerkingen worden verwijderd.
Kan ik het gebruiken voor SCSS of LESS?
Het hulpmiddel verwerkt standaard CSS. Gebruik voor SCSS/LESS speciale tools.