Uporządkuj reguły i deklaracje CSS

Programiści formatują CSS przed przeglądem kodu, debugowaniem lub uporządkowaniem reguł otrzymanych z innego źródła.

Uporządkuj reguły i deklaracje CSS, aby ułatwić przegląd, edycję i wyszukiwanie błędów. Działa bezpłatnie w przeglądarce, bez zakładania konta.

Jak używać

Wklej arkusz stylów do obszaru wprowadzania lub zaimportuj jeden z akceptowanych plików kodu.
Uruchom formatowanie; reguły i deklaracje wrócą z równomiernym wcięciem i czytelnymi podziałami wierszy.
Przejrzyj wynik i wskaż bloki, które w oryginalnym pliku wyglądały na stłoczone lub w złej kolejności.
Skopiuj uporządkowaną wersję do edytora i porównaj ją ze źródłem, zanim cokolwiek zatwierdzisz.
Wyczyść dane wejściowe przed wklejeniem kolejnego pliku, aby w obszarze wyników znajdował się naraz tylko jeden projekt.

Przykład

Programista dziedziczy arkusz stylów napisany naprędce, z wszystkim upchanym w kilku wierszach. Wklej go tutaj, odbierz wersję z wcięciami i czytaj ją blok po bloku: selektory się wyrównują, a każda deklaracja znajduje się w osobnym wierszu.

Ograniczenia i formaty

Błędy składniowe pozostają nietknięte, więc brakujący średnik nadal będzie brakował po tym przebiegu.
To narzędzie zmienia tylko prezentację: nie zmienia nazw klas ani nie usuwa reguł, których już nie używasz.
Akceptowane pliki obejmują HTML, CSS, JavaScript, JSON i SQL, natomiast plik binarny nie będzie tu czytelny.
W bardzo krótkim arkuszu automatyczne wcięcie niewiele dodaje, więc sprawdź, czy wynik nadal zachowuje się dokładnie tak jak dane wejściowe.

Gdzie odbywa się przetwarzanie

Formatowanie działa w Twojej przeglądarce. Wklejony kod nie jest nigdzie kopiowany i znika po zamknięciu strony, więc praca na fragmentach prywatnego projektu nie niesie dodatkowego ryzyka.

Częste pytania

Czy formatowanie zmieni wygląd mojej strony?

Nie. Zmieniane są tylko odstępy, podziały wierszy i wcięcia. Selektory, właściwości i wartości pozostają dokładnie takie same, więc przeglądarka odczytuje arkusz stylów tak samo jak wcześniej, a wyrenderowana strona się nie przesuwa.

Czy mogę sformatować bardzo duży arkusz stylów?

Zależy to głównie od pamięci Twojego urządzenia, ponieważ cała praca odbywa się w przeglądarce. Przy dużym pliku strona może zwolnić; podziel arkusz na części i uruchamiaj je jedna po drugiej.

Dlaczego w wyniku nadal występuje bardzo długi wiersz?

Niektóre wartości są po prostu długie, na przykład stos czcionek lub głęboko zagnieżdżona funkcja. Formater nie rozbija wartości wewnątrz deklaracji; koncentruje się na strukturze bloków reguł.