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.