Русский

109 · Инструменты разработчика

CSS-форматер

Вставьте минимизированный или беспорядочный CSS, чтобы получить по одному свойству в каждой строке и очистить отступы.

Ваши данные: Этот инструмент обрабатывает ваш ввод в этом браузере. CapyHelp не загружает эти данные для генерации результата. Подробности конфиденциальности

Как использовать форматтер CSS

  1. Вставьте свой CSS.
  2. Выберите отступ.
  3. Скопируйте отформатированный CSS.

Что меняется

Каждому правилу соответствует свой блок, каждому объявлению — своя строка, а селекторы, разделенные запятыми, располагаются на отдельных строках. Вложенные блоки, такие как @media имеют отступ. Струны и url() значения никогда не разделяются, даже если они содержат точки с запятой.

Примеры

.card{display:flex;gap:12px}

.card { display: flex; разрыв: 12 пикселей; }

@media (макс. ширина: 600 пикселей){…}

Медиа-блок с отступом

Вопросы

Комментарии сохраняются?

Обычные комментарии удаляются при форматировании. Комментарии, начинающиеся с /*! (лицензионные записи) сохраняются.

Мои данные загружены?

Нет. Все работает в вашем браузере, поэтому то, что вы вставляете, никогда не покидает ваше устройство.

Автоматический перевод. Обзор важных результатов.