HomeSkillsDeveloper ToolsAbout

CSS Formatter

Format, beautify, and minify your CSS and SCSS with syntax highlighting.

Tools run in your browser. Shared links may include your input; check the URL before sharing.

How to use

  1. Paste the stylesheet.
  2. Format to inspect selectors and properties, or minify to reduce whitespace.

This example illustrates one supported operation. Choose the matching mode and settings above; generated values and formatting may vary.

Example input or settings

.card{color:#333;padding:16px}

Example result

.card {
  color: #333;
  padding: 16px;
}

Does it check browser compatibility?

Successful formatting does not tell you which properties the target browser supports. Check the actual page.