CSS Formatter
Run Prettier over a stylesheet. This page opens with the CSS parser selected.
Useful for making a minified stylesheet readable, or for normalising a snippet copied out of devtools before committing it.
What changes
One declaration per line, consistent spacing around colons and braces, and normalised indentation for nested rules. Prettier does not reorder declarations or merge duplicate selectors - the cascade depends on order, so changing it would change behaviour.
Comments and licence headers survive
CSS comments are preserved, including the licence banners minifiers preserve at the top of vendored files. Reformatting a third-party stylesheet keeps its attribution intact.
Custom properties and modern syntax
Custom property values are largely left alone, because their content is not necessarily CSS - a variable can hold a fragment that only makes sense once substituted, and reformatting it could change meaning.
Nesting, container queries and layer rules are all understood and indented like any other block, so a modern stylesheet formats correctly without extra configuration.
Minified stylesheets
Pasting a minified stylesheet is one of the most useful things you can do here: everything on one line becomes a readable set of rules, which is often the fastest way to work out what a vendored file is actually doing.
Reformatting does not recover anything the minifier discarded, though. Comments, original class names and source ordering hints are gone for good unless a source map exists.
Ordering of vendor prefixes
Prefixed declarations must precede their unprefixed counterpart so the standard property wins in browsers that support it. Prettier preserves the order you wrote rather than sorting, which is the only safe behaviour.
If prefixes are missing or out of order, that is a job for Autoprefixer in your build rather than for a formatter.