инструменты/формат/css-форматтер
// форматnew

css-форматтер

форматирование, минификация, чистка правил

drag & drop · до 5 МБ (Pro: 100 МБ)
— вставьте css // client-only 
// результат появится здесь

// похожие инструменты

json-форматтерформатирование, минификация, валидация, деревоsql-форматтерформатирование и минификация sql-запросовhtml-форматтерформатирование, минификация, отступы

// о инструменте

CSS-форматтер превращает минифицированные или плохо оформленные стили в читаемый вид: каждое свойство на отдельной строке с единообразными отступами. Обрабатывает вложенные @media и @keyframes блоки, сохраняет комментарии и поддерживает минификацию для удаления лишних пробелов.

// когда использовать

  • Раскрыть минифицированный CSS из CDN чтобы понять что делает класс
  • Почистить CSS сгенерированный препроцессором или инструментом сборки
  • Минифицировать стили для уменьшения размера файла перед деплоем
  • Проверить сторонний стилист перед интеграцией в проект

// faq

Форматтер сортирует CSS-свойства?
Нет — порядок свойств сохраняется как есть. Сортировка по алфавиту или категориям — вопрос стиля, который может нарушить каскад если делать это не понимая существующего порядка.
Поддерживается Sass/SCSS или CSS-in-JS?
Форматтер работает со стандартным CSS-синтаксисом. CSS-in-JS шаблонные строки и Sass/SCSS-фичи — вложенность, переменные ($var), миксины (@include) — не поддерживаются и могут дать некорректный результат.
// история
Pro Облачная синхронизация — подробнее
операций пока нет