Форматирование CSS
Вы скачали минифицированную таблицу стилей (всё в одну строку) или скопировали CSS, сгенерированный онлайн-инструментом? Вставьте его сюда, чтобы получить читаемую версию: каждая декларация на отдельной строке. Базовый форматировщик (блочная индентация): не переупорядочивает свойства, не проверяет синтаксис и не объединяет дублирующиеся правила.
Как это работает
Вставьте ваш минифицированный или компактный CSS и нажмите «Форматировать»: инструмент помещает открывающую фигурную скобку в конец строки селектора, каждое объявление (свойство: значение) выносит на отдельную строку, добавляет отступы по 2 пробела на уровень (вложенные правила, такие как @media, обрабатываются) и изолирует закрывающую скобку на отдельной строке.
Почему мои CSS-комментарии отображаются в странных местах?
Инструмент сохраняет содержимое комментариев <code>/* ... */</code>, но не перемещает их умно относительно окружающих объявлений: они остаются привязаны к месту, где находились в исходном коде.
Меняет ли форматирование поведение моего CSS?
Нет. Меняется только представление кода (пробелы, переносы строк, отступы). Селекторы, свойства и значения остаются строго идентичными.
Форматирование выполняется на 100% локально в вашем браузере через WebAssembly: ваш CSS-код никогда не отправляется на сервер.