Форматирование CSS
Вставьте запутанный или сжатый CSS и получите код с понятными отступами, по одному свойству в строке; SCSS и Less тоже. Отступ и ширина на выбор.
Как отформатировать CSS
- Вставьте CSS слева или откройте файл .css, .scss или .less.
- Выберите вид (CSS, SCSS или Less), отступ и ширину строки.
- Скопируйте или скачайте отформатированный файл.
Частые вопросы
Да. Вставьте CSS, записанный в одну строку, и он снова разобьётся по одному правилу и свойству на строку.
Выбирайте по типу файла: SCSS для .scss (переменные $, вложенность, @mixin), Less для .less (переменные @). Обычный CSS оставьте CSS.
Нет. Меняются только пробелы, переносы и мелочи вроде hex-цветов в нижнем регистре; правила и значения остаются прежними.
Обычно не хватает } в конце блока или ; между свойствами. В сообщении указаны строка и столбец.
Полностью бесплатно и без регистрации.
Похожие инструменты
Форматирование HTMLКрасиво отформатируйте HTML-кодФорматирование JavaScriptКрасиво отформатируйте JavaScript, JSX и TypeScriptКонвертер цветовПеревод кодов цвета HEX, RGB и HSLФорматирование SQLСделайте SQL-запросы удобными для чтенияРазбор URLРазберите ссылку и измените её параметрыРазбор User-AgentБраузер, ОС и устройство по строке user agentКалькулятор CIDRПараметры блока CIDR IPv4 и IPv6Калькулятор подсетейДеление сети IPv4 на подсети, в том числе VLSMПоиск MIME-типаПоиск MIME-типов и проверка настоящего типа файла