CSS-formatter
Verfraai verkleinde of rommelige CSS in schone, ingesprongen, leesbare regels.
CSS-formatter
Plak verkleinde of met de hand verwarde CSS en deze formatter breidt het uit tot een schoon, leesbaar stylesheet: één declaratie per regel, de selector en zijn openingsaccolade op één regel, de sluitingsaccolade op zichzelf, en een lege regel tussen de regels op het hoogste niveau. Geneste blokken zoals @media, @supports en geneste selectors zijn een niveau dieper ingesprongen, zodat de structuur van het werkblad in één oogopslag duidelijk is.
De tool leest je CSS karakter voor karakter in plaats van deze op te splitsen in naïeve patronen, zodat het nooit kapot gaat bij lastige inhoud. Strings behouden hun exacte inhoud, dus inhoud: "a{b}" blijft bestaan met de accolades erin. url()-lichamen worden woordelijk gekopieerd, dus een gegevens-URI met zijn eigen puntkomma's en dubbele punten — url(data:image/png;base64,...) — wordt volledig met rust gelaten. Opmerkingen blijven woord voor woord op hun eigen regel staan op het huidige streepje.
Drie opties stemmen de uitvoer af. Inspringen schakelt tussen twee spaties, vier spaties of een tab. Eén selector per regel plaatst elke selector van een kommalijst op een eigen rij, handig voor lange gegroepeerde regels en schonere diffs. De lege lijn tussen regels kan worden uitgeschakeld als u het vel compacter wilt. De live telling telt de regels, declaraties en uitvoerregels terwijl u typt, waarbij het aantal regels gemarkeerd is.
Dit is de tegenhanger van een CSS-minifier: gebruik het om een gecomprimeerd productiebestand weer bewerkbaar te maken, om inconsistente code van verschillende auteurs opnieuw op te maken, of gewoon om een stylesheet te lezen die je niet hebt geschreven. Alles draait volledig in uw browser – uw CSS wordt nooit ergens geüpload.