CSS syntax
Plain CSS is supported directly, including selectors, media queries, custom properties, keyframes, and nested at-rules.
Input
Output
Formatted output will appear here.
Input
Output
Formatted output will appear here.
Paste or import CSS above and click Prettify to reformat it with consistent indentation and spacing — free, in your browser, with nothing uploaded to a server. Powered by Prettier.
Plain CSS is supported directly, including selectors, media queries, custom properties, keyframes, and nested at-rules.
SCSS or LESS-specific syntax may not always parse correctly because this page is tuned for standard CSS.
Need to convert Markdown instead? Try the free Markdown to Word/HTML/PDF converter.
Need to run some numbers? Try the free online calculators.
Paste your CSS, click Prettify, and it's reformatted with consistent indentation and one property per line using Prettier.
It's tuned for plain CSS. Most SCSS/LESS will format reasonably, but nested-language-specific syntax isn't guaranteed.
No. Formatting runs entirely in your browser.
JSON formatter · JavaScript formatter · TypeScript formatter · YAML formatter · C formatter · C++ formatter · VBScript formatter
We use cookies to show ads via Google AdSense. See our Privacy Policy for details.