lobsite! Zaloguj się Załóż konto

Darmowe narzędzia /

Formatowanie CSS

Wklej zminifikowany lub chaotyczny CSS i dostań jedną regułę na blok, jedną właściwość na linię, z wybranym wcięciem. Za darmo, w przeglądarce.

Minifikator CSS →
Sformatowany

Jak tego używać

  1. Wklej swój CSS, otwórz plik .css albo zacznij od przykładu: zminifikowanego arkusza stylów.
  2. Wybierz 2 spacje, 4 spacje lub tabulatory. Sformatowany CSS pojawia się w trakcie pisania.
  3. Skopiuj go albo pobierz jako styles.css.

Co robi

Każda reguła dostaje własny blok, każda deklaracja własną linię, a reguły wewnątrz @media i innych at-reguł są wcięte o poziom głębiej. Selektory, wartości i komentarze zostają bez zmian, więc arkusz stylów znaczy dokładnie to samo.

Kiedy się przydaje

  • Przy czytaniu zminifikowanego arkusza z motywu, frameworka lub strony, którą badasz.
  • Przy porządkowaniu CSS przed edycją, aby zmiana dotyczyła jednej linii zamiast jednej bardzo długiej.
  • Przy porównywaniu dwóch arkuszy: sformatuj oba, a potem porównaj.

Najczęstsze pytania

Czy naprawia niepoprawny CSS?

Nie. Wcina to, co jest; brakujący nawias nadal brakuje. Przeglądarki pomijają deklaracje, których nie umieją odczytać, więc zabłąkany znak zwykle psuje jedną regułę, a nie cały arkusz.

Czy sortuje właściwości?

Nie. W CSS kolejność może mieć znaczenie (wygrywa późniejsza deklaracja), więc zostaje taka, jak napisano.

Czy mogę go potem znowu zminifikować?

Tak: Minifikator CSS zamieni go z powrotem w jedną zwartą linię.

Czy mój CSS jest wysyłany?

Nie. Formatowanie działa w Twojej przeglądarce.