Форматування CSS

Форматувальник CSS перетворює мініфіковані таблиці стилів або стилі з нерівними пробілами на читабельний CSS з узгодженими відступами, фігурними дужками, селекторами, оголошеннями, медіазапитами й вкладеними at-правилами.

Виберіть табуляції чи пробіли, розміщуйте відкривальні фігурні дужки на тому самому або окремому рядку, розділяйте списки селекторів і керуйте відстанню між правилами. Рядкові значення, користувацькі властивості, коментарі, функції та URL даних розбираються без руйнівних замін регулярними виразами.

Мініфікація видаляє зайві пробільні символи CSS без перебудови правил. Оптимізація й мініфікація також може об’єднати й упорядкувати сумісний CSS для меншого результату. Використовуйте інструмент Форматування SCSS для змінних, вкладення, міксинів, функцій та іншого синтаксису SCSS.

Поширені запитання про форматування CSS

Як форматувати код на цій сторінці?

Вставте код у лівий редактор або завантажте файл, виберіть потрібні параметри й натисніть «Форматувати». Перевірте результат праворуч, а потім скопіюйте або збережіть його.

Чому форматувальник може повідомити про помилку?

Вхідні дані мають відповідати вибраній мові або синтаксису. Перевірте незавершені інструкції, непарні дужки чи лапки, а також діалект або режим, що не відповідає вводу, і повторіть форматування.

Як працює форматувальник коду?

Форматувальник коду читає токени з урахуванням мови та вкладені структури, а потім переписує відступи, пробіли й розриви рядків за єдиним набором правил. Він не компілює й не запускає програму, тож форматування не є перевіркою правильності чи безпеки.

Які налаштування рекомендовані для цієї мови?

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

Чи завантажується мій код на сервер?

Код обробляється лише в браузері й не завантажується на сервер.

Форматування коду

Форматуйте й упорядковуйте Java, Python, JavaScript, JSON, HTML та інші; налаштовуйте відступи, пробіли й розриви рядків.

Інші інструменти

Редагування аудіо й ефекти

Обрізайте, об’єднуйте чи розділяйте записи, видаляйте тишу або шум і налаштовуйте гучність, швидкість, висоту тону чи канали.

Інші інструменти

Інструменти електронних таблиць

Відкривайте й редагуйте аркуші CSV або Excel, форматуйте табличний текст і перетворюйте CSV в Excel чи SQL.

Інші інструменти

Інструменти Markdown

Пишіть і переглядайте Markdown, відображайте діаграми Mermaid та перетворюйте Markdown, HTML і таблиці між форматами.

Інші інструменти

Текстові інструменти

Порівнюйте уривки, рахуйте слова й ключові слова, сортуйте чи замінюйте рядки та переглядайте текст DOCX.

Інші інструменти

Словники

Шукайте китайські значення, синоніми й антоніми або вимову IPA різними мовами.

Перетворення й відтворення аудіо

Перетворюйте MP3, WAV, FLAC та інші формати, відтворюйте аудіо або необроблений PCM, переглядайте й редагуйте аудіометадані.

Інструменти JSON і даних

Переглядайте, порівнюйте й перевіряйте JSON, тестуйте вирази JSONPath або перетворюйте дані в CSV, YAML та XML.

Інші інструменти

Інструменти мовлення

Розпізнавайте аудіо в текст, генеруйте мовлення з тексту або записуйте свій голос у браузері.

Відеоінструменти

Перетворюйте й стискайте відео, обрізайте чи об’єднуйте кліпи, змінюйте розміри кадру й видобувайте аудіо.

Інші інструменти

Відтворення й запис відео

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

Інструменти PDF

Стискайте чи об’єднуйте PDF, розділяйте й переставляйте сторінки, перетворюйте їх на зображення та переглядайте чи порівнюйте документи.

Інші інструменти

Інструменти зображень

Перетворюйте формати зображень, змінюйте розмір чи обрізайте фото, стискайте файли, порівнюйте картинки й видобувайте текст за допомогою OCR.

Інші інструменти

Створення зображень

Робіть і прикрашайте знімки екрана, перетворюйте текст на зображення чи GIF, малюйте на дошці та створюйте хмари слів або фавікони.

Інші інструменти

Інструменти субтитрів

Редагуйте субтитри SRT або VTT з попереднім переглядом відео, зсувайте час, перетворюйте формати й керуйте доріжками субтитрів.

Інші інструменти

Інструменти архівів

Відкривайте файли ZIP, 7Z, RAR або TAR, видобувайте вибраний вміст і створюйте нові архіви з необов’язковими паролями ZIP/7Z.

Кодувальники | Декодувальники

Кодуйте й декодуйте Base64 або Base32, екрануйте URL, HTML і текст Unicode та переглядайте вміст JWT.

Інші інструменти

Інструменти чисел

Перетворюйте системи числення й значення між двійковою, десятковою та шістнадцятковою; перетворюйте числа на слова або текст на двійковий запис.

Калькулятори

Обчислюйте відсотки й дроби, підсумовуйте статистику та розраховуйте оцінки, знижки або співвідношення сторін.

Інші інструменти

Інструменти часу

Показуйте онлайн-годинник, запускайте зворотний відлік чи секундомір і розраховуйте дати, вік або різницю часових поясів.

Інші інструменти

Мережеві інструменти

Перевіряйте свою IP-адресу й з’єднання IPv6, переглядайте HTTP-запити або файли HAR та обчислюйте діапазони адрес CIDR.

Перетворення одиниць

Перетворюйте одиниці довжини, ваги, температури, обсягу даних та інші.

Інструменти кольорів

Перетворюйте значення HEX, RGB і HSL, видобувайте кольори із зображення, перевіряйте контраст або тестуйте дисплей суцільними кольорами.

QR-коди й штрихкоди

Генеруйте й скануйте QR-коди або штрихкоди, зокрема QR-коди для посилань і мереж Wi-Fi.

Інструменти розробки й безпеки

Генеруйте хеші, UUID і паролі, тестуйте регулярні вирази, створюйте URL-слаги й перевіряйте права доступу до файлів.

Інші інструменти

Допоміжні інструменти

Перевіряйте роздільну здатність і частоту оновлення екрана, вимірюйте екранною лінійкою, тестуйте клавіші або читайте з телесуфлера.

Інші інструменти

Ігри

2048, Сапер, Судоку, Гомоку, Танкова битва

Інші інструменти