Format CSS

A CSS formatter re-indents stylesheet rules with consistent spacing — one declaration per line, aligned colons, and a blank line between rule blocks. It makes minified or hand-written CSS easier to read, review, and maintain.

This tool formats standard CSS. SCSS and Less use CSS-compatible syntax with extensions (variables, nesting, mixins) — simple SCSS/Less files without advanced features will format correctly. For files with nesting or at-rules specific to SCSS/Less, use an editor extension like Prettier with the SCSS plugin for accurate formatting.

Formatting fixes whitespace and indentation to match a consistent style. Linting checks for errors and code quality: duplicate properties, invalid values, unused selectors, specificity conflicts. This tool formats only. For linting, use Stylelint — a widely adopted CSS linter that integrates with VS Code, GitHub Actions, and most build tools.

Not by default — properties are preserved in the order they appear. Alphabetical sorting is a style choice (preferred by some teams for predictability) but is not standard. If you want sorted properties, use Stylelint with the stylelint-order plugin, or configure Prettier with the prettier-plugin-css-order extension.

Yes. Formatting makes vendor-prefixed rules (-webkit-, -moz-, -ms-) visually obvious since they align with their standard equivalents. After formatting, review which prefixes are still needed — most modern browsers no longer require prefixes for flexbox, grid, transitions, or transforms. Use Autoprefixer to manage prefixes automatically.