CSS-formatter en -beautifier
Formatteer geminificeerde CSS met de juiste inspringing, regeleinden en spatiëring.
Hoe u deze tool gebruikt
- 1
Paste your minified or unformatted CSS into the text box.
- 2
Read the formatted result that appears instantly in the output panel below.
- 3
Select the output text and copy it (Ctrl/Cmd+C) into your stylesheet or editor.
- 4
Tweak the input and the output re-formats live as you type.
Wat is de CSS-formatter en -beautifier?
Geminificeerde CSS is één enkele regel waaruit alle witruimte is verwijderd. Deze tool herstelt de leesbaarheid: elke eigenschap op een eigen regel, ingesprongen binnen de accolade en met een lege regel tussen de regels. De uitvoer is functioneel identiek, alleen gemakkelijker te lezen of te bewerken.
Veelvoorkomende toepassingen
Un-minifying a production .css file you pulled from a CDN so you can read what a rule actually does.
Cleaning up CSS that was pasted as a single line out of browser DevTools or a build artifact.
Tidying inconsistent indentation in a hand-edited stylesheet before committing it to version control.
Making a vendor or third-party widget stylesheet legible enough to override specific properties.
Preparing a readable CSS snippet to paste into a blog post, tutorial, or Stack Overflow answer.
Quickly inspecting the structure of an unfamiliar stylesheet to find where a selector is defined.
Veelgestelde vragen
Behoudt het de opmerkingen?▼
Gerelateerde tools
JWT-decoder
Decodeer JSON Web Tokens (JWT) direct. Draait in uw browser: de tokens verlaten uw apparaat nooit, dus veilig te gebruiken met productiegeheimen.
JSON-formatter en -validator
Formatteer, valideer en minificeer JSON online. Werkt volledig in uw browser: uw gegevens verlaten nooit uw apparaat.
XML-formatter
Formatteer en verfraai XML-documenten. Handig voor SOAP, sitemaps, RSS-feeds en configuratiebestanden.
Base64-encoder en -decoder
Codeer tekenreeksen naar Base64 of decodeer Base64 naar tekst. Respecteert uw privacy: draait in uw browser.
URL-encoder en -decoder
Zet tekst om naar URL-veilige codering (procentcodering) en omgekeerd. Handig voor querystrings, omleidingen en OAuth-flows.
HTML-entiteit-encoder en -decoder
Zet speciale tekens om naar HTML-entiteiten (&, <, enz.) en omgekeerd. Handig om tekst veilig in HTML in te sluiten.