CSS Formatter

O tym narzędziu

Formater CSS konwertuje skompresowany lub nieczytelny CSS w czyste, poprawnie wcięte arkusze stylów. Obsługuje wszystkie standardowe funkcje CSS: media queries, pseudoklasy, animacje keyframe, właściwości niestandardowe i zagnieżdżone selektory.

Tryb minifikacji usuwa wszystkie komentarze i zbędne spacje, tworząc jak najkompaktniejszy CSS dla produkcji. Całe przetwarzanie odbywa się lokalnie w przeglądarce.

Jak używać

1. Wklej CSS do lewego panelu wejściowego.
2. Wybierz preferowane wcięcie (2 lub 4 spacje).
3. Kliknij Formatuj, aby upiększyć, lub Minifikuj, aby skompresować.
4. Kliknij Kopiuj, aby skopiować wynik do schowka.

Przypadki użycia

Programiści frontend używają tego narzędzia do formatowania CSS z DevTools, starych arkuszy stylów lub eksportów z systemów projektowych. Minifikacja zmniejsza rozmiar bundla CSS o 30–50%.

Często zadawane pytania

• Obsługuje SCSS/LESS? — To narzędzie formatuje tylko standardowy CSS. Dla SCSS lub LESS użyj dedykowanego formatera preprocesora.
• Czy komentarze są zachowywane? — Podczas formatowania komentarze są zachowywane. Tryb minifikacji usuwa wszystkie komentarze, aby zmniejszyć rozmiar pliku.
• Czy moje dane są bezpieczne? — Całe przetwarzanie odbywa się lokalnie w przeglądarce. Żaden CSS nie jest przesyłany na żaden serwer.