Форматировщик CSS

Форматирует CSS-правила с читаемыми отступами.

Ввод

Вывод

Когда использовать Форматировщик CSS

Упорядочивание вставленного однострочного CSS
Подготовка таблиц стилей для review
Делаем вложенные правила читаемыми

Пример

Ввод

.card{width:calc(100% - 2rem);content:"a;b"}

Вывод

.card {
  width: calc(100% - 2rem);
  content: "a;b";
}

Справочник

Преимущества

Бесплатно в браузере
Без установки и регистрации
Мгновенный результат на вашем устройстве
Форматирование не проверяет синтаксис. Тестируйте стили в компиляторе.

Связанные инструменты