O tym narzędziu
CSS Beautifier to darmowe narzędzie formatujące działające w przeglądarce, które zamienia zminifikowany lub nieuporządkowany kod CSS w czysty, konsekwentnie wcięty układ. Najpierw usuwa istniejące białe znaki, a następnie odbudowuje strukturę od zera: każda reguła i deklaracja trafia do osobnej linii, nawias otwierający pozostaje w linii z selektorem, nawias zamykający przechodzi do własnej linii, a zagnieżdżone bloki są wcinane o dwie spacje na poziom.
Narzędzie operuje wyłącznie na znakach interpunkcyjnych oddzielających selektory, bloki i deklaracje, dodając pojedynczą spację po dwukropku każdej deklaracji i jedną spację przed nawiasem otwierającym. Nazwy właściwości i wartości pozostają nietknięte, więc zmienia się tylko odstęp, a wygląd stylów nie ulega zmianie. Formatowanie działa na żywo podczas pisania, w całości w przeglądarce — bez przesyłania, bez kont, bez śledzenia i działa offline.
Przydaje się, gdy trzeba odczytać, porównać (diff) lub ręcznie edytować skompresowany arkusz stylów pobrany z wyniku budowania, albo rozwinąć jednolinijkowy fragment w coś czytelnego. Wklej CSS, sprawdź uporządkowany rezultat w polu wynikowym i skopiuj go jednym kliknięciem.