# CSS, SCSS & Less Formatter

> Format stylesheets with consistent indentation, spacing and property ordering.

To format CSS, paste your stylesheet and it is reprinted with one declaration per line, consistent spacing and correctly indented nested rules. SCSS and Less are supported too, including nesting, mixins and variables.

**URL:** https://convertto.tech/t/css-formatter
**Category:** Data & Format Tools (https://convertto.tech/c/data-tools)
**Privacy:** Runs entirely in the browser; no upload
**Cost:** Free, no sign-up
**Last updated:** 2026-08-01

## Key facts

- **Privacy:** Runs entirely in your browser — nothing is uploaded
- **Cost:** Free, unlimited, no sign-up

## How to use

1. Enter or paste your stylesheet.
2. Choose the syntax.
3. Set the line width.
4. Set the indent size.
5. Turn "Indent with tabs" on or off as needed.
6. The result appears immediately — copy or download it.

## FAQ

### Does formatting affect how CSS renders?

No. Whitespace between declarations is insignificant, so formatting is purely for the person reading it. Minifying reduces file size, which affects load time but never the rendered result.

### Why does my minified CSS break?

Almost always a missing semicolon before the closing brace. It is legal in formatted CSS because the newline separates declarations visually, but once the newlines are removed the parser reads two declarations as one.

## Related tools

- [HTML Formatter](https://convertto.tech/t/html-formatter): Format and indent HTML properly, preserving inline elements and whitespace sensitivity.
- [HTML, CSS & JS Minifier](https://convertto.tech/t/code-minifier): Strip whitespace and comments to shrink HTML, CSS and JavaScript for production.
- [JavaScript & TypeScript Formatter](https://convertto.tech/t/javascript-formatter): Format JavaScript, TypeScript, JSX and TSX properly with Prettier.
- [Markdown Formatter](https://convertto.tech/t/markdown-formatter): Tidy Markdown — normalise headings, lists, tables and emphasis markers.
- [Data URI Generator](https://convertto.tech/t/data-uri-generator): Turn text, SVG or CSS into a data: URI you can inline directly in HTML or stylesheets.
- [YAML Formatter & Validator](https://convertto.tech/t/yaml-formatter): Format and validate YAML — catch the indentation mistakes that break CI pipelines.
- [CSS Border Radius Generator](https://convertto.tech/t/border-radius-generator): Drag eight handles to shape every corner: elliptical radii, inverted corners and squircles.
- [CSS Box Shadow Generator](https://convertto.tech/t/box-shadow-generator): Design a CSS box-shadow with live values for offset, blur, spread and colour.