Форматирование CSS
Онлайн-инструмент для форматирования и сжатия CSS-кода с настройкой отступов от 0 до 8 пробелов и удалением комментариев.
Запустить инструмент
Инструмент помогает быстро структурировать стили CSS, навести порядок в отступах и подготовить код к публикации или чтению. Вы можете вставить исходный фрагмент стилей в текстовое поле, выбрать подходящий размер отступа от нуля до восьми пробелов, а также указать желаемый режим обработки. В режиме оформления инструмент расставляет аккуратные переносы строк, выравнивает блоки селекторов и структурирует свойства внутри фигурных скобок. Если переключиться в режим сжатия, инструмент удаляет блочные комментарии, убирает лишние пробелы вокруг двоеточий, точек с запятой и скобок, уменьшая объем готового файла. Сервис принимает текстовые данные размером до одного миллиона байт в кодировке UTF-8. По умолчанию применяется оформление с отступом в два пробела. При вводе некорректного размера отступа автоматически подставляется значение по умолчанию. Пустой ввод или строка из одних пробелов возвращает пустой текст без ошибок. Инструмент не проверяет синтаксис, поэтому исходные конструкции должны быть заранее подготовлены.
Инструкция
- Вставьте исходный CSS-код в поле ввода.
- Укажите размер отступа от 0 до 8 пробелов (по умолчанию 2).
- Выберите режим обработки: оформление для добавления переносов строк или сжатие для компактного вида.
- Нажмите кнопку запуска для обработки стилей.
- Скопируйте полученный результат из области вывода.
Примеры
- Форматирование сжатого правила: ввод '.btn{color:#fff;display:inline-block;}' в режиме оформления с отступом 2 превращается в структурированный блок с переносами строк.
- Минификация таблицы стилей: ввод многострочного блока с комментариями '/* base */ header { margin: 0px; }' в режиме сжатия возвращает компактную строку 'header{margin:0px}'.
Частые вопросы
Какой размер отступа можно установить?
Поддерживается отступ от 0 до 8 пробелов. Если указать число вне этого диапазона или ввести нечисловое значение, сервис использует стандартный отступ в 2 пробела.
Что происходит при выборе режима сжатия?
В режиме сжатия удаляются блочные комментарии, убираются лишние пробелы вокруг двоеточий, фигурных скобок и точек с запятой, а весь код объединяется в компактный вид.
Проверяет ли сервис ошибки синтаксиса в коде?
Сервис только форматирует и сжимает стили, не проверяя соответствие спецификациям CSS. Перед обработкой убедитесь в отсутствии синтаксических ошибок.
Каков максимальный объем входного текста?
Объем входного текста не должен превышать 1 000 000 байт в кодировке UTF-8. Текст большего размера отклоняется до начала форматирования.