Docspira

CSS Formatter

Format and beautify CSS in your browser. Your CSS is not sent to Docspira.

Formatted CSS

        

          
          
          
        

      


      
Your CSS is formatted in this browser and is not sent to Docspira. It is never applied to a page, previewed, or loaded; only reformatted as text, and no url() reference inside it is ever fetched. The formatter library itself is loaded as a pinned client-side script. Learn more.


      

        
Format CSS without applying it

        
This tool re-indents CSS and normalizes spacing around selectors, declarations, and at-rules such as @media, @supports, @container, @keyframes, and @font-face. It supports custom properties, var(), calc(), min(), max(), clamp(), and native CSS nesting. It does not validate, lint, optimize, minify, or compile Sass/SCSS/LESS.

      
What this tool does
Beautify CSS into a readable stylesheet.
Before you start
Indentation makes rules easier to inspect but does not resolve browser support, cascade conflicts, or invalid design choices.
Privacy
This tool runs in your browser; the text or file you choose is not uploaded for processing. Read the privacy details.