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.

Sobre esta ferramenta

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.

Ferramentas relacionadas

Mais formatadores que podem ser úteis para você.

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.

Outras categorias

Procurando outra coisa? Explore o restante do catálogo.

Sugestões patrocinadas

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

Alguns links abaixo são links de afiliados. Podemos receber uma comissão se você comprar por eles, sem custo extra para você.

Sugerir ferramenta