Прикрашайте CSS із чистими відступами або мініфікуйте його, щоб зменшити розмір файлу. Обробляє медіазапити, calc() і ліцензійні коментарі.
Як користуватися Форматувальник CSS
Вставте свій CSS у поле вводу.
Оберіть «Прикрасити», щоб відформатувати його, чи «Мініфікувати», щоб стиснути.
Оберіть розмір відступу, потім скопіюйте результат.
This is a CSS formatter that beautifies stylesheets with clean, consistent indentation, or minifies them to shrink file size. You choose the indent size for beautifying, and switch to minify when you want the smallest output.
Readable CSS is easier to scan, review and debug: when each rule and declaration is indented consistently, you can see selectors, nesting and the shape of your media queries at a glance.
Minifying is for production. It removes the whitespace and comments that browsers do not need, so the file downloads faster. On a large stylesheet the saving adds up, especially before gzip compression on the server.
The minifier is careful where it matters. It keeps the spaces around plus and minus inside calc(), so calc(100% - 30px) stays valid, and it only strips spaces around structural characters such as braces, colons and semicolons. It also handles nested media queries correctly.
License comments written in the /*! ... */ form are preserved, which is the standard convention for keeping copyright and license notices in minified output even when ordinary comments are removed.
Both beautify and minify run entirely in your browser, so your stylesheets never leave your device. The tool formats for readability and size; it does not validate that your CSS is correct.
Поширені запитання
Ні. Мініфікатор зберігає пробіли навколо плюса та мінуса всередині значень, тож calc(100% - 30px) лишається коректним. Він вилучає лише пробіли навколо структурних символів, як-от дужки, двокрапки та крапки з комою.
Звичайні коментарі вилучаються для економії місця, але ліцензійні коментарі, записані як /*! ... */, зберігаються, що є стандартним правилом для збереження повідомлень про авторські права.
Ні. І прикрашання, і мініфікація виконуються повністю у вашому браузері, тож ваші таблиці стилів ніколи не залишають ваш пристрій.
Вбудувати цей інструмент
Додайте цей інструмент на власний сайт. Скопіюйте фрагмент нижче; він оновлюється автоматично.
<iframe src="https://monu.tools/embed/uk/css-formatter" width="100%" height="640" style="border:1px solid #e5e5e5;border-radius:12px;max-width:680px" loading="lazy" title="Monu Tools"></iframe>Пов'язані інструменти
Прикрашайте HTML із відступами, що враховують блоки, або мініфікуйте його. Вміст pre, textarea, script і style зберігається.
Прикрашайте та форматуйте JavaScript з узгодженими відступами та пробілами. Працює повністю у вашому браузері.
Перетворюйте CSV на файл Excel .xlsx і Excel назад на CSV, повністю у вашому браузері. Працює в обидва боки.
Генеруйте інтерфейси TypeScript зі зразка JSON, із вкладеними типами, масивами та опційними полями. Працює у вашому браузері.