lobsite! Увійти Створити обліковий запис

Безкоштовні інструменти /

Форматувальник CSS

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

Мінімізатор CSS →
Відформатовано

Як користуватися

  1. Вставте CSS, відкрийте файл .css або почніть зі зразка: мінімізованої таблиці стилів.
  2. Виберіть відступи у 2 пробіли, 4 пробіли або табуляцію. Відформатований CSS з'являється під час введення.
  3. Скопіюйте його або завантажте як styles.css.

Що він робить

Кожне правило отримує власний блок, кожне оголошення — окремий рядок, а правила всередині @media та інших at-правил мають на один рівень більший відступ. Селектори, значення та коментарі залишаються без змін, тому таблиця стилів зберігає те саме значення.

Коли це корисно

  • Коли потрібно прочитати мінімізовану таблицю стилів із теми, фреймворку або сайту, який ви досліджуєте.
  • Коли потрібно впорядкувати CSS перед редагуванням, щоб зміна стосувалася одного рядка, а не одного дуже довгого рядка.
  • Коли потрібно порівняти дві таблиці стилів: відформатуйте обидві, а потім перегляньте різницю.

Поширені запитання

Чи виправляє він некоректний CSS?

Ні. Він додає відступи до наявного коду; відсутня дужка так і залишиться відсутньою. Браузери пропускають оголошення, які не можуть прочитати, тому зайвий символ зазвичай порушує одне правило, а не всю таблицю стилів.

Чи сортує він властивості?

Ні. Порядок у CSS може мати значення (пізніше оголошення має перевагу), тому він зберігається.

Чи можна потім знову мінімізувати CSS?

Так: Мінімізатор CSS знову перетворить його на один компактний рядок.

Чи надсилається мій CSS на сервер?

Ні. Форматування виконується у вашому браузері.