# CSS beautifier minifier

> Format CSS with consistent indentation.

[Open tool](https://www.toolcabana.com/nv/css-formatter) · [Developer and data](https://www.toolcabana.com/nv/category/developer-and-data)

Tool ID: css-formatter. Requested language: nv. Description language: en. Complete guide translation: no; untranslated sections use English.

## Overview (en)

CSS beautifier formats a stylesheet so each rule and declaration sits on its own line with consistent indentation from 1 to 8 spaces. It adds missing semicolons, puts a space after colons and lowercases hex colors. Comments and nested rules are kept. Unparseable CSS returns an error rather than partially formatted output.

## Supported tasks (en)

Format CSS with consistent indentation.

## Steps (en)

1. Paste the source into the input editor, or load the built-in example.
2. Set indent spaces.
3. Run css beautifier minifier, review the output, then use the available copy or download controls.

## Settings

- Indent spaces (en; key: indent; type: number); minimum: 1; maximum: 8

## Limitations (en)

Text operations generally accept up to 2,000,000 characters. Individual parsers, generators and formulas apply additional limits shown by their controls.

## Example input

```text
.card{padding:20px;color:#17243a}
```

## Privacy and connections (en)

This operation processes its source in your browser. Copy and download are explicit actions; source input is not saved in an account or history.

## Questions (en)

### How do I beautify minified CSS?

Paste the compressed stylesheet and run the tool. Each selector block is expanded so every declaration is on its own line, indented by the number of spaces you set, from 1 to 8.

### Does the CSS beautifier keep my comments?

Yes. Comments are kept in the formatted output, and nested rules stay nested. Hex color values are written in lowercase, so #17243A becomes #17243a.

### Can this tool minify CSS?

This tool formats CSS for readability; it does not produce minified output. Its only setting is the indent size, which accepts 1 to 8 spaces.

### Where is my input processed?

This operation processes its source in your browser. Copy and download are explicit actions; source input is not saved in an account or history.

### What are the input limits?

Text operations generally accept up to 2,000,000 characters. Individual parsers, generators and formulas apply additional limits shown by their controls.

## Related tools

- [HTML beautifier](https://www.toolcabana.com/nv/html-formatter)
- [JavaScript formatter](https://www.toolcabana.com/nv/js-formatter)
- [SQL formatter](https://www.toolcabana.com/nv/sql-formatter)
- [XML formatter](https://www.toolcabana.com/nv/xml-formatter)