CSS Formatter

Om det här verktyget

CSS-formateraren konverterar komprimerad eller oläslig CSS till rena, korrekt indenterade stilark. Stödjer alla standard CSS-funktioner inklusive media queries, pseudo-klasser, keyframe-animationer, anpassade egenskaper och nästlade selektorer.

Minify-läget tar bort alla kommentarer och onödiga blanksteg och producerar den minsta möjliga giltiga CSS för produktion. All bearbetning sker lokalt i din webbläsare.

Hur man använder

1. Klistra in din CSS i inmatningspanelen till vänster.
2. Välj önskat indrag (2 eller 4 mellanslag).
3. Klicka på Formatera för att förbättra eller Minifiera för att komprimera.
4. Klicka på Kopiera för att kopiera resultatet till urklipp.

Användningsfall

Frontend-utvecklare använder det här verktyget för att formatera CSS kopierat från DevTools, äldre stilark eller design system-exporter. Minify-funktionen minskar CSS-bundelstorlek med 30–50%.

Vanliga frågor

• Stöder det SCSS/LESS? — Det här verktyget formaterar endast standard CSS. För SCSS eller LESS, använd en dedikerad preprocessor-formaterare.
• Bevaras kommentarer? — Under formatering bevaras kommentarer. Minify-läget tar bort alla kommentarer för att minska filstorleken.
• Är mina data säkra? — All bearbetning är lokal i din webbläsare. Ingen CSS skickas någonsin till en server.