CSS Formatter

Format stylesheets with consistent indentation.

How to use CSS Formatter

Format stylesheets with consistent indentation.

  1. Select Load example or paste your own test input.
  2. Choose Run and review the available options.
  3. Run the selected action; review any validation message.
  4. Inspect the output before copying, printing or downloading it.

A small example

Input:
body{color:#333;background:white}

Example output:
body {
  color: #333;
  background: white;
}

When the result looks wrong

Formatting does not guarantee that selectors, properties or layouts work in your target browsers.

Questions about CSS Formatter

Is my input uploaded?

File and text processing runs in your browser. Opening the website still loads application assets from its host.

What if the result looks wrong?

Formatting does not guarantee that selectors, properties or layouts work in your target browsers.

Can I use sensitive production data?

Prefer non-sensitive test data. Never paste live access tokens, passwords or confidential documents into a site without assessing its code and environment.

Explore all tools

Browse all tool categories

Supported input and output

Text input; check the selected action and example for the expected syntax.

See the result panel and available copy or download controls for the selected action.

Related Developer tools

Browse Developer tools