Zo gebruik je het
- Plak je CSS, SCSS of Less.
- Kies de taal en de inspringing.
- Klik op Formatteren, of druk op Ctrl+Enter (⌘+Enter op Mac).
- Kopieer de geformatteerde stylesheet.
Opties uitgelegd
- Taal
- CSS, SCSS of Less. Kies de juiste, zodat variabelen ($gap, @gap) en genestelde regels goed worden begrepen.
- Inspringing en regelbreedte
- Inspringing voor genestelde regels en declaraties, en de breedte waarbij lange selectorlijsten en waarden afbreken.
Voorbeelden
Geminificeerde framework-CSS. Plak een .min.css-bestand van één regel om de regels een voor een te lezen.
SCSS opschonen. Plak genestelde SCSS met gemengde inspringing en krijg consistente inspringing met twee spaties.
Veelgestelde vragen
Wat verandert formatteren?
Elke declaratie komt op zijn eigen regel, spatiëring rond dubbele punten en accolades wordt genormaliseerd, hexkleuren worden kleine letters en opeenvolgende lege regels worden samengevoegd tot één. Volgorde van properties en waarden verandert niet.
Kan ik geminificeerde CSS van een website leesbaar maken?
Ja. Plak het geminificeerde bestand en klik op Formatteren. Commentaar dat door de minifier is verwijderd, kan niet worden herstelt.
Wordt mijn code geüpload?
Nee. Formatteren gebeurt in je browser.
Privacy
Deze tool draait volledig in je browser. Je bestanden en tekst worden op je eigen apparaat verwerkt en nooit naar onze servers geüpload.