Как пользоваться
- Вставьте CSS, откройте файл
.cssили начните с примера — минифицированной таблицы стилей. - Выберите 2 пробела, 4 пробела или табуляцию. Отформатированный CSS появляется по мере ввода.
- Скопируйте его или скачайте как
styles.css.
Что он делает
Каждое правило получает свой блок, каждое объявление — свою строку, а правила внутри @media и других at-правил получают дополнительный уровень отступа. Селекторы, значения и комментарии остаются как есть, так что таблица стилей значит ровно то же самое.
Когда это полезно
- Чтобы прочитать минифицированную таблицу стилей из темы, фреймворка или сайта, который вы изучаете.
- Чтобы привести CSS в порядок перед правкой: тогда изменение затронет одну строку, а не одну очень длинную.
- Чтобы сравнить две таблицы стилей: отформатируйте обе и сравните через diff.
Частые вопросы
Исправляет ли он невалидный CSS?
Нет. Он расставляет отступы в том, что есть; пропущенная скобка так и останется пропущенной. Браузеры пропускают объявления, которые не могут прочитать, так что лишний символ обычно ломает одно правило, а не всю таблицу.
Сортирует ли он свойства?
Нет. В CSS порядок может иметь значение (побеждает более позднее объявление), поэтому он сохраняется как написано.
Можно ли потом снова минифицировать?
Да: Минификатор CSS снова превратит его в одну компактную строку.
Загружается ли мой CSS куда-то?
Нет. Форматирование выполняется в вашем браузере.