Format Vendor-Prefixed CSS

Vendor-prefixed CSS (autoprefixer output) often has lots of -webkit-, -moz-, -ms- variants. Format to inspect.

Tidak perlu login

Indent:

Sort properties alphabetically

Minified / messy CSS

Beautified CSS

Output will appear here…

Vendor Prefixes tips

🔧

Autoprefixer output can have 3-4 variants of each property. Formatting reveals which prefixes you're actually shipping.

💡

For modern browsers (last 2-3 years), most -ms- and -moz- prefixes are no longer needed. Audit your build output.

🎯

Compare formatted CSS before/after a build to see if your build pipeline is adding unnecessary prefixes.

Masukkan

Enter your data into the tool above. Everything stays local to your browser.

Proses

The tool processes your data instantly in your browser using JavaScript. No server, no waiting.

Unduh

Get your result instantly. Nothing is stored after you leave the page — complete privacy.

✓Sepenuhnya gratis — tidak ada biaya tersembunyi, selamanya

✓Tidak perlu akun, email, atau login

✓File tidak pernah meninggalkan perangkat Anda

✓Tidak ada batasan ukuran file sama sekali

✓Tidak ada tanda air pada output apa pun

Debug Production CSS

View minified CSS from production sites in a reada

Enforce Team CSS Style

Run team-submitted CSS through a consistent beauti

Learn from Pro CSS

Study CSS from famous design systems by formatting

Format CSS for Bug Reports

When filing CSS bugs, formatted CSS is much easier