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

Форматирует CSS с единообразными отступами.

Your input stays in this browser unless stated otherwise

0 characters

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

CSS beautifier formats a stylesheet so each rule and declaration sits on its own line with consistent indentation from 1 to 8 spaces. It adds missing semicolons, puts a space after colons and lowercases hex colors. Comments and nested rules are kept. Unparseable CSS returns an error rather than partially formatted output.

Вставьте исходные данные в редактор ввода или загрузите встроенный пример.
Укажите размер отступа в пробелах.
Запустите «Форматировщик CSS», просмотрите результат и используйте доступные элементы копирования или скачивания.

Что поддерживает этот инструмент

Форматирует CSS с единообразными отступами.

Отступ (пробелы): Range: 1 to 8

Ограничения и обработка

Текстовые операции обычно принимают до 2 000 000 символов. Отдельные парсеры, генераторы и формулы применяют дополнительные ограничения, отображаемые в их элементах управления.

Пример исходных данных

.card{padding:20px;color:#17243a}

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

How do I beautify minified CSS?

Paste the compressed stylesheet and run the tool. Each selector block is expanded so every declaration is on its own line, indented by the number of spaces you set, from 1 to 8.

Does the CSS beautifier keep my comments?

Yes. Comments are kept in the formatted output, and nested rules stay nested. Hex color values are written in lowercase, so #17243A becomes #17243a.

Can this tool minify CSS?

This tool formats CSS for readability; it does not produce minified output. Its only setting is the indent size, which accepts 1 to 8 spaces.

Где обрабатываются мои данные?

Эта операция обрабатывает исходные данные в вашем браузере. Копирование и скачивание выполняются только по вашему действию; входные данные не сохраняются в учётной записи или истории.

Каковы ограничения входных данных?

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