CSS форматтер

Онлайн-инструмент для форматирования CSS-правил с отступами, переносами и минификацией.

Обработка выполняется локально в браузере. Данные не отправляются на сервер.

CSS форматтер — бесплатный онлайн-инструмент. Онлайн-инструмент для форматирования CSS-правил с отступами, переносами и минификацией. Обработка выполняется локально в браузере. Данные не отправляются на сервер.

Что делает

На выходе

Обработка

Продолжить работу

Выберите связанный инструмент для следующего шага.

Данные для перехода между инструментами хранятся только в памяти текущей сессии браузера.

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

Вставьте CSS-код, минифицированный CSS, фрагмент из DevTools, style-блок или stylesheet.
Выберите режим: форматировать с отступами или минифицировать.
Настройте отступ, сохранение комментариев, перенос свойств и дополнительные параметры.
Скопируйте результат и проверьте предупреждения, если CSS содержит media queries, keyframes, variables или SCSS-like синтаксис.

Подробнее

CSS форматтер приводит CSS-код к читаемому виду с переносами и отступами. Инструмент полезен для минифицированных стилей, фрагментов из DevTools, CMS, email-шаблонов, style-блоков и небольших stylesheet-файлов. Можно выбрать отступ 2 или 4 пробела, Tab, сохранить комментарии, выводить каждое свойство с новой строки, минифицировать CSS и получить предупреждения по сложным конструкциям вроде @media, @keyframes, @supports, CSS variables и SCSS-like вложенности. Сервис форматирует CSS, но не заменяет Stylelint, PostCSS, Autoprefixer или полноценный CSS-валидатор.

Работает в браузере
Данные не отправляются на сервер
Форматирует CSS с отступами
Может минифицировать CSS
Поддерживает media queries и keyframes
Сохраняет CSS variables
Может сохранять комментарии
Подходит для DevTools, CMS, email-шаблонов и style-блоков
Не требует регистрации

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

Что делает CSS форматтер?

Он расставляет переносы и отступы в CSS-коде, чтобы стили было проще читать, проверять и редактировать.

Можно ли минифицировать CSS?

Да. В режиме минификации инструмент убирает незначащие пробелы и переносы, сохраняя смысл CSS-правил.

Сохраняются ли комментарии CSS?

Да, если включена настройка сохранения комментариев. Если её выключить, комментарии можно удалить из результата.

Поддерживаются ли @media и @keyframes?

Да. Инструмент должен форматировать вложенные блоки @media, @supports и @keyframes с понятными отступами.

Что происходит с CSS variables?

CSS custom properties вроде --color-primary и значения var(--color-primary) нужно сохранять без изменений.

Можно ли сортировать свойства по алфавиту?

Да, но эта настройка выключена по умолчанию, потому что порядок CSS-свойств иногда важен для fallback-значений и каскада.

Поддерживается ли SCSS или LESS?

Этот инструмент предназначен для CSS. SCSS/LESS-like вложенность можно определить и показать предупреждение, но компиляция SCSS или LESS не выполняется.

Это CSS-валидатор?

Нет. Форматтер делает CSS читаемым. Для строгой проверки правил, совместимости и best practices нужны Stylelint, PostCSS или отдельный CSS-валидатор.

Загружаются ли данные на сервер?

Нет. CSS обрабатывается локально в браузере и не отправляется на сервер.

Нужна ли регистрация?

Нет. Инструмент работает сразу и не требует регистрации.

Продолжить работу

Выберите связанный инструмент для следующего шага.

Данные для перехода между инструментами хранятся только в памяти текущей сессии браузера.

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

Вставьте CSS-код, минифицированный CSS, фрагмент из DevTools, style-блок или stylesheet.

Выберите режим: форматировать с отступами или минифицировать.

Настройте отступ, сохранение комментариев, перенос свойств и дополнительные параметры.

Скопируйте результат и проверьте предупреждения, если CSS содержит media queries, keyframes, variables или SCSS-like синтаксис.

Подробнее

Работает в браузере
Данные не отправляются на сервер
Форматирует CSS с отступами
Может минифицировать CSS
Поддерживает media queries и keyframes
Сохраняет CSS variables
Может сохранять комментарии
Подходит для DevTools, CMS, email-шаблонов и style-блоков
Не требует регистрации

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

Что делает CSS форматтер?

Он расставляет переносы и отступы в CSS-коде, чтобы стили было проще читать, проверять и редактировать.

Можно ли минифицировать CSS?

Да. В режиме минификации инструмент убирает незначащие пробелы и переносы, сохраняя смысл CSS-правил.

Сохраняются ли комментарии CSS?

Поддерживаются ли @media и @keyframes?

Да. Инструмент должен форматировать вложенные блоки @media, @supports и @keyframes с понятными отступами.

Что происходит с CSS variables?

CSS custom properties вроде --color-primary и значения var(--color-primary) нужно сохранять без изменений.

Можно ли сортировать свойства по алфавиту?

Поддерживается ли SCSS или LESS?

Это CSS-валидатор?

Загружаются ли данные на сервер?

Нет. CSS обрабатывается локально в браузере и не отправляется на сервер.

Нужна ли регистрация?

Нет. Инструмент работает сразу и не требует регистрации.