Skip to main content
dubinity

Developer & Web

CSS Formatter

Indent and tidy CSS, SCSS or LESS so a minified stylesheet becomes readable again.

  • Runs in your browser
  • Works on mobile
  • In: CSS, SCSS, LESS
  • Out: CSS
Loading the tool…

Your files and text are processed on your own device, inside this page. Nothing is uploaded to Dubinity or stored, and closing the tab discards it. How privacy works

About CSS Formatter

Re-indents stylesheets, puts each selector and declaration on its own line, and can add a blank line between rules.

Use it on a production stylesheet you need to read, or before committing a file that was edited by three different tools.

How to use it

  1. 1Type or paste your text, or open a file.
  2. 2Choose any options - the result updates as you type.
  3. 3Copy the result or download it as a file.

Questions

Was this tool helpful?

All developer tools
  • CSS Minifier

    Minify CSS conservatively: comments, whitespace, empty rules and short hex colours, nothing risky.

    CSS
    Runs in your browserOpen tool
  • HTML Formatter

    Indent messy or minified HTML so you can read it, with a preview of how it renders.

    HTML
    Runs in your browserOpen tool
  • JavaScript Formatter

    Indent and format JavaScript or TypeScript, including minified bundles, with a choice of brace style.

    JavaScript · TypeScript · JSON
    Runs in your browserOpen tool
  • JSON Formatter

    Format and indent JSON, or minify it, with exact error positions and big numbers kept as written.

    JSON
    Runs in your browserOpen tool
  • Password Generator

    Create strong random passwords with the character rules a site demands, and see the real entropy.

    NONE
    Runs in your browserOpen tool
  • What Is My IP

    See the IP address our server sees, the rough location attached to it and what your browser sends.

    NONE
    Server lookupOpen tool