CSS Formatter
FreeFormat, minify, and beautify CSS stylesheets
cssformatminifybeautify
All Developer ToolsRelated tools
How it works
1
Paste
Paste your CSS, SCSS, or Less code into the input editor.
2
Format
Click Format to apply consistent indentation, property ordering, and spacing.
3
Copy
Copy the beautified stylesheet or use Minify to strip whitespace for production.
Frequently asked questions
Does it support SCSS and Less?+
Yes. The formatter handles SCSS nesting, variables, mixins, and Less syntax in addition to plain CSS. It applies proper indentation to nested rule blocks.
Is my CSS sent to a server?+
No. Everything runs in your browser. Your stylesheets never leave your device, so you can safely format code containing custom property names or internal class conventions.
Does it reorder my CSS properties?+
By default, property order is preserved. The formatter focuses on consistent spacing, indentation, and brace placement without rearranging your declarations.
Can I format vendor-prefixed properties?+
Yes. Vendor-prefixed properties like -webkit- and -moz- are formatted normally. The formatter does not add or remove prefixes, only applies consistent formatting.