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

Форматиращ CSS

Поставете минимизиран или разхвърлян CSS, за да получите едно свойство на ред и ясен отстъп.

Вашите данни: Този инструмент обработва въведеното от вас в този браузър. CapyHelp не качва този вход, за да генерира вашия резултат. Подробности за поверителност

Форматиращ CSS

Как да използвате инструмента за форматиране на css

  1. Поставете своя CSS.
  2. Изберете вдлъбнатината.
  3. Копирайте форматирания CSS.

Какви промени

Всяко правило получава свой собствен блок, всяка декларация - собствен ред, а селекторите, разделени със запетаи, отиват на отделни редове. Вложени блокове като напр @media са с отстъп. Струни и url() стойностите никога не се разделят, дори ако съдържат точка и запетая.

Примери

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

.card { дисплей: гъвкав; междина: 12px; }

@media (max-width:600px){…}

Медиен блок с отстъп

Въпроси

Пазят ли се коментарите?

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

Данните ми качени ли са?

Не. Всичко работи във вашия браузър, така че това, което поставяте, никога не напуска вашето устройство.

Автоматичен превод. Прегледайте важни резултати.