CSS Formatter

Об этом инструменте

Форматировщик CSS преобразует сжатый или нечитаемый CSS в чистые, правильно отформатированные таблицы стилей. Поддерживает все стандартные функции CSS: медиазапросы, псевдоклассы, анимации, переменные и вложенные селекторы.

Режим минификации удаляет все комментарии и лишние пробелы, создавая максимально компактный CSS для продакшена. Всё обрабатывается локально в браузере.

Как использовать

1. Вставьте CSS в левую панель ввода.
2. Выберите предпочтительный отступ (2 или 4 пробела).
3. Нажмите «Форматировать» для форматирования или «Минифицировать» для сжатия.
4. Нажмите «Копировать» для копирования результата в буфер обмена.

Случаи использования

Фронтенд-разработчики форматируют CSS из DevTools браузера, устаревших таблиц стилей или дизайн-системных экспортов. Минификация сокращает размер CSS-бандла на 30–50%.

Частые вопросы

• Поддерживает SCSS/LESS? — Инструмент форматирует только стандартный CSS. Для SCSS или LESS используйте специализированный форматировщик.
• Комментарии сохраняются? — При форматировании комментарии сохраняются. Режим минификации удаляет все комментарии для уменьшения размера.
• Мои данные в безопасности? — Все обработки выполняются локально в браузере. CSS никогда не передаётся на серверы.