CSS formatter
Paste messy or minified CSS to get clearly indented code with one property per line; SCSS and Less work too. Pick the indent and line width you like.
How to format CSS
- Paste CSS on the left or open a .css, .scss or .less file.
- Pick the kind (CSS, SCSS or Less), the indent and the line width.
- Copy or download the formatted file.
Frequently asked questions
Yes. Paste CSS written on one line and it is split again into one rule, one property per line.
Pick the kind of file you have: SCSS for .scss files ($ variables, nesting, @mixin), Less for .less files (@ variables). Plain CSS stays CSS.
No. Only spacing, line breaks and small things like lowercase hex colours change; rules and values stay the same.
Usually a } closing a block or a ; between properties is missing. The message gives the line and column of the problem.
It is completely free and needs no sign-up.
Related tools
HTML formatterBeautify HTML code with clean indentationJavaScript formatterBeautify JavaScript, JSX and TypeScript codeColor converterConvert between HEX, RGB and HSL color codesSQL formatterMake SQL queries easy to readURL parserSplit a link into parts and edit its queryUser-Agent parserFind browser, OS and device from a user agentCIDR CalculatorNetwork details of an IPv4 or IPv6 CIDR blockSubnet CalculatorSplit an IPv4 network into subnets, VLSM tooMIME Type LookupLook up MIME types and check a file's real type