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.

Acerca de esta herramienta

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.

Herramientas relacionadas

Más formateadores que podrían resultarte útiles.

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.

Otras categorías

¿Buscas algo diferente? Explora el resto del catálogo.

Sugerencias patrocinadas

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

Algunos enlaces a continuación son enlaces de afiliado. Podemos ganar una comisión si compras a través de ellos, sin coste adicional para ti.

Sugerir herramienta