Kategoria: Programistyczne

Formatowanie CSS

Formatuj CSS, SCSS i Less z kontrolą składni, wcięć i długości wiersza.

Działa w przeglądarcePrzetwarzanie lokalne. Dane wejściowe nie opuszczają Twojego urządzenia.

Układ

Szczegóły

O tym narzędziu

Wybierz CSS, SCSS albo Less, wklej arkusz stylów i uporządkuj selektory, deklaracje oraz zagnieżdżone bloki. Możesz ustawić wcięcia, długość wiersza i styl cudzysłowów.

Wybór właściwej składni jest ważny, ponieważ SCSS i Less dodają zmienne, interpolację, domieszki i zagnieżdżenia, których zwykły CSS nie rozumie. Błędy składni są zgłaszane zamiast ukrywane przez kosmetyczne zmiany.

Arkusz jest formatowany lokalnie w przeglądarce.

Wypróbuj też

  • Formatuj fragmenty i pełne dokumenty HTML z ustawieniami właściwymi dla znaczników.

    Działa w przeglądarceProgramistyczne
  • Formatuj i porządkuj JavaScript z ustawieniami wcięć, cudzysłowów i średników.

    Działa w przeglądarceProgramistyczne
  • Pisz Markdown i od razu oglądaj gotowy dokument z tabelami, listami zadań i blokami kodu.

    Działa w przeglądarceProgramistyczne

Warto wiedzieć

Najczęstsze pytania

Czy narzędzie obsługuje SCSS i Less?
Tak. Wybierz właściwą składnię przed formatowaniem, aby parser rozpoznał zmienne, zagnieżdżenia i pozostałe rozszerzenia.
Czy arkusz jest wysyłany na serwer?
Nie. Parser PostCSS działa w przeglądarce, a kod pozostaje na urządzeniu.
Czy formatter zmienia działanie stylów?
Zmienia sposób zapisu sparsowanego arkusza, nie jego reguły. Po większej zmianie warto jednak sprawdzić różnicę i podgląd strony.