CSS Formatter / Minifier

Beautify or minify CSS in one click.

Mode

Indent

Input

Output

.btn {
  padding:8px 12px;
  border:1px solid #ccc;
  border-radius:6px;
  color:#111;
  background:#fff
}
.btn:hover {
  background:#f5f5f5
}

Tip

Use Beautify for code review, Minify for production assets. For nested SCSS, pre-process to plain CSS first.

À propos de cet outil

Paste CSS and switch between pretty-printed (multi-line, indented) and minified (one-line) output. Configurable indent size. Saves the day for r/webdev when you’re staring at a minified bundle.

Outils similaires

D'autres formateurs qui pourraient vous être utiles.

Case Converter

Convert text between UPPER, lower, Title, camelCase, snake_case and more.

Word / Character Counter

Count words, characters, sentences, and reading time.

Markdown to HTML Converter

Convert Markdown to HTML with a live preview.

Autres catégories

Vous cherchez autre chose ? Parcourez le reste du catalogue.

Suggestions sponsorisées

Like this site? You'll love our weekly newsletter
One new tool, one fresh Reddit pain point, every Friday. No spam.

Certains liens ci-dessous sont des liens d'affiliation. Nous pouvons percevoir une commission si vous achetez via ces liens, sans coût supplémentaire pour vous.

Suggérer un outil